Vant 在小程序中修改外部样式类不生效

以vant-cell为例

如果要修改vant-cell中的value样式,正常情况下的写法是这样的,但是呢就是不生效,因为已经有默认的样式了

value-class="height:100rpx;font-size:38rpx;margin-top:30rpx"

要如何进行修改呢,必须找到对应的组件要修改的属性名,然后再添加!important才会生效,下面这种写法修改vant-cell中的value样式才会生效。

.van-cell__value{
    color: rgba(0, 0, 0, 0.884) !important ;
 }

其他的组件要修改样式的话,部分可以按照这种的写法进行尝试,应该都是可以的,如果这种方式不行的话,打开调试器,通过箭头来查询组件对应的样式,在style中查看样式名,进行修改,但是不要忘记每行属性添加 !important,否则不生效。

猜你喜欢

转载自blog.csdn.net/xiaopihair123/article/details/126674148