/* 重写 checkbox 样式 */
/* 未选中的 背景样式 */
checkbox .wx-checkbox-input {
border-radius: 50%;
/* 圆角 */
width: 46rpx;
/* 背景的宽 */
height: 46rpx;
/* 背景的高 */
}
/* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
border: 1rpx solid #FF783B;
background: #EB4450;
}
/* 选中后的 对勾样式 (白色对勾 可根据UI需求自己修改) */
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
border-radius: 50%
修改微信小程序 CheckBox 样式
最新推荐文章于 2024-04-22 13:36:17 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)