今天封装了一个confirm公共组件,要改变子组件的样式的时候,却发现写内联以及!important都无法生效,查了一下文档,才发现父组件不可以改变子组件的样式。
解决方式:可以在父组件的style里 用
父组件的类名 /deep/ 子组件对应的类名 { /* 写你的样式 */}
.confirmStyle /deep/ .kz-text {
padding: 10px 45px !important;
}
问题解决。
今天封装了一个confirm公共组件,要改变子组件的样式的时候,却发现写内联以及!important都无法生效,查了一下文档,才发现父组件不可以改变子组件的样式。
解决方式:可以在父组件的style里 用
父组件的类名 /deep/ 子组件对应的类名 { /* 写你的样式 */}
.confirmStyle /deep/ .kz-text {
padding: 10px 45px !important;
}
问题解决。