设为首页收藏本站

恭喜Java自学者论坛（https://www.javazxz.com）已经为数万Java学习者服务超过8年了！积累会员资料超过10000G+！
成为本站VIP会员，下载本站10000G+会员资源，会员资料板块，购买链接：点击进入购买VIP会员

Java自学者论坛»论坛 › IT知识库 › WEB前端 › 关于Vue-ElementUI修改默认样式不成功问题解决 ...

发新帖

查看: 22449|回复: 0

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

TA的每日心情

	奋斗 2024-11-24 15:47

签到天数: 804 天

[LV.10]以坛为家III

2053 主题	2111 帖子	72万积分

Rank: 9 Rank: 9 Rank: 9

积分: 726782

发消息

发表于 2021-4-13 13:23:21 | 显示全部楼层 |阅读模式

本站已经为数万IT学习者服务超过8年！成为本站VIP会员，免金币下载本站10000G+VIP会员资料！所有VIP资料>>

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

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

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

解决方案：

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

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

3. 写一个新的style标签（注意不要scoped），在新的标签里去修改样式

哎...今天够累的，签到来了1...

回复

使用道具举报

发新帖

|手机版|小黑屋|Java自学者论坛 ( 声明：本站文章及资料整理自互联网，用于Java自学者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )

GMT+8, 2025-1-24 22:37 , Processed in 0.057135 second(s), 29 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表