覆盖ele的样式
# 覆盖ele的样式
# 给它父级加一个class
由于 element-ui
的样式我们是在全局引入的,所以你想在某个 view
里面覆盖它的样式就不能加 scoped
,但你又想只覆盖这个页面的 element
样式,你就可以在它的父级加一个 class
,用命名空间来解决问题。
.aritle-page{ //你的命名空间
.el-tag { //element-ui 元素
margin-right: 0px;
}
}
1
2
3
4
5
6
2
3
4
5
6
# 使用 v-deep 样式穿透
在父级使用 ::v-deep
,那么它的子级的 element-ui
的样式就可以正常修改了。
::v-deep.content {
.el-button{
color:red;
}
}
1
2
3
4
5
2
3
4
5
在GitHub上编辑 (opens new window)
上次更新: 2/23/2022, 5:36:03 PM