在vue项目中修改elementUI的组件样式_vue 修改 el-cascader 面板的样式

作者：小小林熬夜学编程 | 2024-02-20 19:57:51

踩

vue 修改 el-cascader 面板的样式

在vue项目中修改elementUI的组件样式

<style lang="stylus" scoped>
.a >>> .b { /* ... */ }
</style>
1
2
3

<style lang="less" scoped>
.a{
	/deep/ .b{
		···
	}
}
.a{
	::v-deep .b{
		···
	}
}
</style>
1
2
3
4
5
6
7
8
9
10
11
12

当 ‘style’ 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素，他控制不了自身的子组件。

有些像 Less、Sass 之类的预处理器无法正确解析 >>>。这种情况下可以使用 /deep/ 或 ::v-deep 操作符取而代之(两者都是 >>> 的别名)，同样可以正常工作。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/120764