原因是因为我们在使用vue编写css样式时,会在style添加scoped属性
添加了scoped的组件无法修改的样式,去掉scoped就可以了。
那么有没有办法在不改变原来写好的css样式的情况,修改默认的element-ui样式呢?
解决方法:
1、在原来的css样式下面,新编写一个不带scoped属性style,里面写需要修改的element-ui默认css样式。
——————可以解决问题——————
缺点:这样设置的是全局样式,意思就是如果你的项目里面有多个css需要修改,那么这么设置,两个地方都会被改变。
2、使用 >>> 箭头穿透
父类(或者更高级) >>> 需要修改的类
——————博主这边还未成功——————
缺点:有时候sass会不识别,从而不起效果。
3、使用/deep/穿透
父类(或者更高级)/deep/ 需要修改的类
——————可以解决问题——————
缺点:暂时还未发现
以上就是我所知道的解决方法,如果有问题或者发现其他的解决方法可以和博主交流哦~~