例:
<style lang="less" scoped>
/deep/ .el-backtop {
background-color: red;
color: red;
}
</style>
element ui 的默认类名前 加/deep 即可。即样式穿透。
注意:若修改后,组件样式并没有改变,可以重新运行下项目后,样式穿透起作用。(我遇到的坑!)
本文介绍了如何使用/deep/选择器进行ElementUI组件样式的穿透修改,以自定义背景颜色和文字颜色。遇到样式未生效的问题时,尝试重新运行项目可解决。这是一个关于前端开发中CSS样式穿透和Vue组件样式调整的实战经验分享。
例:
<style lang="less" scoped>
/deep/ .el-backtop {
background-color: red;
color: red;
}
</style>
element ui 的默认类名前 加/deep 即可。即样式穿透。
注意:若修改后,组件样式并没有改变,可以重新运行下项目后,样式穿透起作用。(我遇到的坑!)
2608
293
5499
4101

被折叠的 条评论
为什么被折叠?