当我们使用第三方组件的时候,普通的方法没有办法修改第三方组件的样式,可以使用样式穿透的方法来做,样式穿透的三种写法及应用场景:
1、stylus的样式穿透 使用 >>>
外层 >>> 第三方组件{
样式
}
.ql-containe >>> .ql-editor.ql-blank:before{
background: #fff
}
2、sass 和 less 的样式穿透 使用 /deep/
外层 /deep/ 第三方组件 {
样式
}
.ql-container /deep/ .ql-editor.ql-blank:before{
background: #fff;
}
3、普通的css样式 (亲测有效) 使用 ::v-deep
::v-deep .ql-editor.ql-blank:before{
font-style: normal;
}