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

Question

问题描述

微信小程序如何去掉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>

Answer 1

我觉得这个应该是伪类自动生成的，如果你觉得效果不好，可以找到想要修改的元素，并给它加一个自定义class进行样式覆盖

Answer 2

主要是复写有几个微信自己定义好的选择器。

参考代码：

checkbox {
    /*checkbox 整体样式 */
}

checkbox .wx-checkbox-input {
    /* checkbox 前面选项框的背景样式 */
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked {
    /* checkbox 被选中后前面选项框的背景样式 */
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
    /* checkbox 被选中后前面对勾的样式 */
}