Vue样式穿透
在vue组件中,样式一般都会加上scoped属性来防止组件之间的样式冲突,但是这样也会造成一个问题,如果想组件中修改UI(比如element-ui)库中的某一个样式,会失效。如果是stylus的话,可以使用>>>来解决,如:.wrap >>> .el-button{}如果是sass和less的话,使用/deep/,如:.wrap /deep/ .el-butto
·
在vue组件中,样式一般都会加上scoped属性来防止组件之间的样式冲突,但是这样也会造成一个问题,如果想组件中修改UI(比如element-ui)库中的某一个样式,会失效。
如果是stylus的话,可以使用>>>来解决,如:
.wrap >>> .el-button{}
如果是sass和less的话,使用/deep/,如:
.wrap /deep/ .el-button{}
更多推荐
已为社区贡献2条内容
所有评论(0)