vue中修改element-ui组件样式

87 阅读 0 评论 58 点赞

我是靠谱客的博主激动大侠，最近开发中收集的这篇文章主要介绍vue中修改element-ui组件样式，觉得挺不错的，现在分享给大家，希望可以做个参考。

在某个vue页面中想要修改element-ui组件的样式

修改某个具体的组件，最好在前面加上父级类名，否则会更改全局样式

在<style scoped>中，使用>>>可以影响子组件的样式

<style scoped>
     .app-main >>> .el-input_inner{
         width: 80%
     }

在less、sass等的预处理下， >>>不会被解析，换成/deep/有同样效果

<style lang="scss" scoped>
     .app-main /deep/ .el-input_inner{
         width: 80%
     }

以上就是激动大侠为你收集整理的vue中修改element-ui组件样式的全部内容，希望文章能够帮你解决vue中修改element-ui组件样式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。