解决vant 无法修改组件的样式问题

在Vue项目中,使用Vant UI时遇到由于`scoped`导致无法修改组件样式的问题。尝试了/deep/、::v-deep和>>>等方法均未成功。最终通过创建一个全局CSS文件,导入并针对Vant组件定义特定样式,成功解决了样式覆盖问题。
摘要由CSDN通过智能技术生成

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


问题描述

在vue中,常规写style都会加上scoped,以避免全局污染,但是加上了scoped会导致无法修改 vant UI框架组件本身的样式,但是scoped是不能省略的。为了解决这个问题,本人尝试了多种方法都不行,最后,通过新建一个新的css文件并导入当前vue页面的方式得以解决。


提示:以下是本篇文章正文内容,下面案例可供参考

一、尝试过的方法(失败)

1.标签前加上 /deep/

代码如下(示例):

/deep/.van-tx{
   
	font-size
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值