以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,否则不生效。