1、可以去除scoped样式来更改
如果还更改不了可以加 !import 即权重
2、也可以穿透
这样就不需要去除scoped属性
直接 用 >>>
<style scoped >
.a >>> b.{
width:50px
}
</style>
3、如果使用的是sass、less
可以 用 /deep/
<style scoped >
.a /deep/ b.{
width:50px
}
</style>
总结即
去除scoped
样式穿透 >>>
less/sass : /deep/
本文介绍了在项目中如何修改element-ui的默认样式,提供了三种方法:通过去除scoped属性,使用CSS选择器穿透>>>,以及在Sass或Less中利用/deep/进行深度选择。这些技巧能帮助开发者更有效地自定义组件样式。
1628





