小程序使用van-checkbox组件样式覆盖无效?

发布于 7 年前作者 lijing3212 次浏览最后编辑 7 年前来自 issues

背景

一个有点诡异的问题。

在公司的小程序开发环境中,使用vant-weapp的vant-checkbox,我想要修改为这个checkbox的边框颜色为金色。

于是我直接使用以下代码去覆盖


.check-box-gold-border .van-checkbox-icon{

    border: 1px solid #dd8a85 !important;

}


结果出现问题了!!!具体表现为:

1.在page里面使用van-checkbox并且在van-checkbox上直接应用样式,有效,在控制台中的styles中也会显示样式。

2. 在component里面使用van-checkbox并且在van-checkbox上直接应用样式,无效,在控制台中的style中不会显示样式。


环境信息

  • 微信开发者工具:Nightly v1.02.1910282

  • 基础库: 2.9.1

其他


3 回复
lei99
lei991 楼6 年前
zhumin
zhumin2 楼6 年前

楼主,在不

nlei
nlei3 楼5 年前

写个代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

分享上来,大家帮你看看