关于Vue-ElementUI修改默认样式不成功问题解决

Element是一个很好用的组件库,但是有时候我们需要修改一些组件的样式以满足我们自己的需求。

我们用浏览器调试找到相应的class,在本地重写这个class时,发现修改不成功。

这是因为在Vue文件中的style标签上有一个特殊的属性:scoped。当一个style有这个标签,它的样式就只能作用于当前的Vue组件,可以使组件的样式不相互污染。

解决方案:

  1. 去掉scoped,但此方法可能会造成全局污染

  2. 将修改的样式放在控制全局样式css文件中

  3. 写一个新的style标签(注意不要scoped),在新的标签里去修改样式

你可能感兴趣的:(关于Vue-ElementUI修改默认样式不成功问题解决)