vue样式穿透

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;

}

你可能感兴趣的:(vue样式穿透)