修改element-ui默认css样式的解决方法

原因是因为我们在使用vue编写css样式时,会在style添加scoped属性

添加了scoped的组件无法修改的样式,去掉scoped就可以了。

那么有没有办法在不改变原来写好的css样式的情况,修改默认的element-ui样式呢?


解决方法:
1、在原来的css样式下面,新编写一个不带scoped属性style,里面写需要修改的element-ui默认css样式。
——————可以解决问题——————
缺点:这样设置的是全局样式,意思就是如果你的项目里面有多个css需要修改,那么这么设置,两个地方都会被改变。


2、使用 >>> 箭头穿透
父类(或者更高级) >>> 需要修改的类
——————博主这边还未成功——————
缺点:有时候sass会不识别,从而不起效果。


3、使用/deep/穿透
父类(或者更高级)/deep/ 需要修改的类
——————可以解决问题——————
缺点:暂时还未发现


以上就是我所知道的解决方法,如果有问题或者发现其他的解决方法可以和博主交流哦~~
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值