element UI -- 默认样式修改不成功的问题

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

element UI -- 默认样式修改不成功的问题_第1张图片
原因:scoped
解决方法:去掉scoped
element UI -- 默认样式修改不成功的问题_第2张图片
注意:此时该样式会污染全局样式,可以把它放在公共的css里面
为了不让所有的 el-input标签都是该样式,可以在HTML给改input加上一个类名,比如 modInput
element UI -- 默认样式修改不成功的问题_第3张图片

你可能感兴趣的:(vue,前端,element)