您好,欢迎来到二三娱乐。
搜索
您的当前位置:首页关于Vue-ElementUI修改默认样式不成功问题解决

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

来源:二三娱乐

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

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

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

 

解决方案:

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

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

3. 写一个新的标签,在新的标签里去修改样式

转载于:https://www.cnblogs.com/jane2160/p/11598263.html

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- yule263.com 版权所有 湘ICP备2023023988号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务