css样式穿透&elment-ui中样式改变

https://blog.csdn.net/weixin_41171651/article/details/121209671

::v-deep和/deep和>>>
在scoped私有作用域内修改elment-ui样式 可使用/deep/样式穿透

.conBox /deep/ .el-input__inner{
    padding:0 10px;
}

在vue3中/deep/会报错,所以使用::v-deep

.conBox ::v-deep .el-input__inner{
    padding:0 10px;
}

深度作用选择器>>>
(注意,只作用于css)
但如果是sass/less的话可能无法识别,这时候需要使用 /deep/和::v-deep 选择器。
想修改element-ui某个深层元素也有其他方式解决;
解决方法之一:除非你将 scoped 移除,或者新建一个没有 scoped 的 style(一个.vue文件允许多个style)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容