vue中修改element-ui组件样式

71 阅读 0 评论 47 点赞

我是靠谱客的博主激动大侠，这篇文章主要介绍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组件样式内容请搜索靠谱客的其他文章。

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