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;

}

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

推荐阅读更多精彩内容