有的时候element提供的默认的样式不能满足项目的需要,就需要我们队标签的样式进行修改,但是发现修改的样式不起作用

 element UI -- 默认样式修改不成功原因 随笔 第1张

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

 

原因:scoped 
解决方法:去掉scoped 

element UI -- 默认样式修改不成功原因 随笔 第2张

 

注意:此时该样式会污染全局样式,可以把它放在公共的css里面 
为了不让所有的 el-input标签都是该样式,可以在HTML给改input加上一个类名,比如 opus-item

element UI -- 默认样式修改不成功原因 随笔 第3张

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄