父组件改变子组件的样式

今天封装了一个confirm公共组件,要改变子组件的样式的时候,却发现写内联以及!important都无法生效,查了一下文档,才发现父组件不可以改变子组件的样式。

解决方式:可以在父组件的style里 用
父组件的类名 /deep/ 子组件对应的类名 { /* 写你的样式 */}

.confirmStyle /deep/ .kz-text {
  padding: 10px 45px !important;
}

问题解决。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。