微信小程序如何去掉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>
label用了就把原来的隐藏吧
添加到css
checkbox .wx-checkbox-input {
border: none;
}
/* 选中后的 对勾样式 (白色对勾 可根据UI需求自己修改) */
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
width
:
0
rpx;
/* 选中后对勾大小,不要超过背景的尺寸 */
height
:
0
rpx;
/* 选中后对勾大小,不要超过背景的尺寸 */
text-align
:
center
;
font-size
:
0
;
/* 对勾大小 0rpx */
color
:
#fff
;
/* 对勾颜色 白色 */
background-color
:
#fff
;
}
试试
https://blog.csdn.net/illusion_melody/article/details/81185049
参考一下,思路一样的
自定义写复选框