收藏
回答

微信小程序如何去掉checkbox前面的方框?

微信小程序如何去掉checkbox前面的方框,我只想要这个复习框的功能,但是我不想要这个复选框前面的方框,应该怎么做呀

    checkbox-group bindchange="checkboxChange">

    <label class="checkbox" wx:for="{{items}}" wx:key="item">

    <checkbox value="{{item.name}}" checked="{{item.checked}}">{{item.value}}</checkbox>

    </label>

    </checkbox-group>


最后一次编辑于  09-18
回答关注问题邀请回答
收藏

4 个回答

  • 唏嘘
    唏嘘
    09-18

    添加到css    

    checkbox .wx-checkbox-input {

    border: none;

    }


    09-18
    赞同 1
    回复 7
    • 。
      09-18
      这个框隐藏了,那对勾可以隐藏的吗
      09-18
      回复
    • 唏嘘
      唏嘘
      09-18回复
      /* 选中后的 对勾样式 (白色对勾 可根据UI需求自己修改) */
       
      checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
          width: 0rpx; /* 选中后对勾大小,不要超过背景的尺寸 */
          height: 0rpx; /* 选中后对勾大小,不要超过背景的尺寸 */
          text-align: center;
          font-size: 0; /* 对勾大小 0rpx */
          color: #fff; /* 对勾颜色 白色 */
          background-color: #fff;
      }

      试试

      09-18
      1
      回复
    • 。
      09-18回复唏嘘
      好了 谢谢您
      09-18
      回复
    • 唏嘘
      唏嘘
      09-18回复
      客气了
      09-18
      回复
    • Wang
      Wang
      10-22回复唏嘘
      大佬,你是如何知道有.wx-checkbox-input控制checkbox样式的
      10-22
      回复
    查看更多(2)
  • 啊喵
    啊喵
    09-18

    label用了就把原来的隐藏吧

    09-18
    赞同
    回复
  • var 友原
    var 友原
    09-18

    https://blog.csdn.net/illusion_melody/article/details/81185049

    参考一下,思路一样的

    09-18
    赞同
    回复 1
    • 。
      09-18
      好的谢谢
      09-18
      回复
  • 拾忆
    拾忆
    09-18

    自定义写复选框

    09-18
    赞同
    回复
问题标签