第三方组件默认样式如何修改

当在vue文件下写样式时,为了避免与其他组件样式污染,在style标签上加一个scoped属性,但这时,如果想要修改第三方插件的样式,则会没有效果。
推荐采用以下方案:vue样式穿透
sass/less使用样式穿透的方式

.parent /deep/ .children{
font-size:20px;
}

stylus的样式穿透 使用>>>

.parent >>> .children{
font-size:20px;
}

或者将scoped属性去掉,但存在弊端:失去了样式的保护,我们就需要用原始的方法保护该组件的样式作用于,可通过后台选择器等等方式实现样式的保护,使其不受污染
这样就可以解决样式穿透的问题了

posted @ 2019-08-12 16:45  shetoutou  阅读(1053)  评论(0编辑  收藏  举报