修改级联组件el-cascader默认文字样式

(适用于修改elment-ui其他组件的样式)
修改级联组件el-cascader默认文字样式_第1张图片
因为element-ui组件都是封装好的,比如我想把级联框选择后的文字变大一些,那么我就要改变.el-cascader__label的font-size。我思路是这样的:

  1. 为.el-cascader__label添加css选择器
  2. 将样式放在中。第一步的类名取特殊一点,可以保证不会影响到全局样式。放在scoped中没有效果,在思考为什么…
  3. 最终的样子:

层级有点夸张了,但是可以适当减少。
期待更好地解决方法~

你可能感兴趣的:(web前端,element-ui,css3)