公告列表
公告列表
收藏
回答

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

背景

一个有点诡异的问题。

在公司的小程序开发环境中，使用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

其他


最后一次编辑于  2019-11-01
回答关注问题邀请回答
收藏

3 个回答

  • 等风
    等风
    2019-11-06

    楼主，在不

    2019-11-06
    有用
    回复
  • M。
    M。
    2019-11-01




    2019-11-01
    有用
    回复 3
    • Vine
      Vine
      2019-11-01
      很棒。可是因为与原来的border交杂在一起，所以会有重影，这样不太好。
      2019-11-01
      赞
      回复
    • M。
      M。
      2019-11-01回复Vine
      你把组件里面的这个样式注释了  然后再用那个icon-class自定义颜色 也就是说 每次使用这个组件的时候都要自定义边框
      2019-11-01
      赞
      回复
    • Vine
      Vine
      2019-11-01回复M。
      这样不太好。虽然说一般不会更新库，但是如果后期更新库的话，到时候谁会知道要去注释这个样式啊。
      2019-11-01
      赞
      回复
  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    2019-11-01

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

    分享上来，大家帮你看看

    2019-11-01
    有用
    回复 5
    • Vine
      Vine
      2019-11-01
      https://developers.weixin.qq.com/s/VJf5Sym77Vcl
      2019-11-01
      赞
      回复
    • Vine
      Vine
      2019-11-01
      看看啊这个，谢谢
      2019-11-01
      赞
      回复
    • o0o有脾气的酸奶
      o0o有脾气的酸奶
      2019-11-01回复Vine
      index.wxml里的test-com-second也加上class="checkbox-gold-border"
      2019-11-01
      赞 1
      回复
    • o0o有脾气的酸奶
      o0o有脾气的酸奶
      2019-11-01回复Vine
      或者是
      2019-11-01
      赞
      回复
    • Vine
      Vine
      2019-11-01回复o0o有脾气的酸奶
      👍超级有用，不过为什么样式要从外层继承过来啊。使用icon-class不太好，有重影
      2019-11-01
      赞
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
checkbox公司开发环境代码组件样式