在遇到ElementUI组件样式固定无法直接修改时，可以采用三种方法：1) 使用CSS的!important提高优先级覆盖原有样式；2) 利用/deep/深度修改组件样式；3) 使用>>>深度选择器进行穿透。注意在纯CSS中>>>无效，需配合预处理器如Sass或Less。了解并掌握这些技巧，能更灵活地定制UI样式。
在使用ElementUI的一些组件时，发现他有一些样式是写死的，并且没有可供更改的属性。
这个时候就只能自己在css里改了。其中我用到了这些方法。
1.使用工具找到要修改的样式所在的层级，然后从父级一级一级找下去，然后在使用!important设为最优先，直接把他原来的样式干掉
2.使用 /deep/ 深度修改标签样式
3.使用>>>深度选择器
相关内容请看下面的文章
Vue style 深度作用选择器 >>> 与 /deep/（sass/less）
tip:无任何依赖时,纯css写>>>是无效果哒
扫一扫
280
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
