Element是一个很好用的组件库,但是有时候我们需要修改一些组件的样式以满足我们自己的需求。
我们用浏览器调试找到相应的class,在本地重写这个class时,发现修改不成功。
这是因为在Vue文件中的style标签上有一个特殊的属性:scoped。当一个style有这个标签,它的样式就只能作用于当前的Vue组件,可以使组件的样式不相互污染。
解决方案:
1. 去掉scoped,但此方法可能会造成全局污染
2. 将修改的样式放在控制全局样式css文件中
3. 写一个新的style标签(注意不要scoped),在新的标签里去修改样式