当想要修改第三方组件库(elementUi)的样式,又不想去除scoped属性造成组件之间的样式覆盖,我们可以使用css样式穿透去修改当前组件或页面的第三方组件样式(注意要在style标签中添加lang='less或sass或stylus')
stylus: 父容器class >>> 组件class{},父容器class /deep/ 组件class { }
sass或less: 父容器class /deep/ 组件class { } 或 父容器class ::v-deep 组件class
当想要修改第三方组件库(elementUi)的样式,又不想去除scoped属性造成组件之间的样式覆盖,我们可以使用css样式穿透去修改当前组件或页面的第三方组件样式(注意要在style标签中添加lang='less或sass或stylus')
stylus: 父容器class >>> 组件class{},父容器class /deep/ 组件class { }
sass或less: 父容器class /deep/ 组件class { } 或 父容器class ::v-deep 组件class