【求助】vue 如何覆盖去element的默认样式

根据https://vue-loader-v14.vuejs….
深度作用选择器,加上后没有效果,不知道为什么?

<style scoped lang="scss">
.content {
  background-color: green;
}
.content >>> .el-tabs__content {
    background-color: red;
}
</style>

目前只能把scoped局部去掉,这样来进行覆盖

<style lang="scss">
.content {
  background-color: green;
}
.content .el-tabs__content {
    background-color: red;
}
</style>

回答:

scoped中用deep样式穿透

<style lang="scss" scoped>
.content {
    background-color: green;
    /deep/ .el-tabs__content {
        background-color: red;
    }
}
</style>

回答:

加scoped是去不掉的,因为ele的样式是全局的,所以,你只要给想去掉的组件样式裹一层父元素加个class,然后覆盖这个父元素里面的ele样式就行了,简单粗暴

回答:

在你要改的标签加class,并且给其要修改的属性设置为最高优先级!important

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注