vue样式穿透
2019-12-24 本文已影响0人
金刚狼_3e31
1、sass和less的样式穿透 使用/deep/
外层 /deep/ 第三方组件
做到三点:a. 当前的vue文件要加上lang和scoped属性
b 当前写的选择器优先级要大于组件内置的选择器
.wrapper /deep/ input.el-input__inner:disabled {
background-color: #fff;
}
2、stylus样式穿透 使用>>>
外层 >>> 第三方组件
.wrapper >>> .swiper-pagination-bullet-active {
background: #fff;
}
3、vue2.x 此方法无效
>>> input.el-input__inner:disabled {
background-color:#fff;
olor:#606266;
}