想要修改组件库的原始样式,比如我这里的.ks-form-item__content
但是又不影响到其他使用这个样式的组件,在我们要单独更改原始样式的组件外加一个父级div ,比如我这里的.rm-input
,而且这个样式单独写在一个不加scoped的<style>里,还要记得给要修改的组件添加一个class,类名和原始的那个类名一样。
.rm-input .ks-form-item__content {
width: 100%;
}
...
<div class="rm-input">
<ks-form-item
class="ks-form-item__content"
prop="name"
试过在有scoped 的样式文件里加/deep/、在单独的不加scoped的style里修改都会影响到其他的组件样式,使用内联样式即使加!important 也没有用,最后终于用这个加父级div 无scoped的方法实现啦 .