UNIAPP更改复选框checkbox默认样式

yanlan92

已于 2022-04-07 20:35:27 修改

阅读量1k

点赞数

文章标签：微信小程序 css

于 2022-04-07 15:25:51 首次发布

本文链接：https://blog.csdn.net/sinat_20203869/article/details/124017664

版权

checkbox .wx-checkbox-input {
    border-radius: 8rpx !important;
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked {
    color: #fff !important;
    background: #2f88ff;
}
.wx-checkbox-input.wx-checkbox-input-checked {
    border: none !important;
}
.wx-checkbox-input.wx-checkbox-input-checked::before{
    font-size: 28rpx;
}

效果展示如下方复选框按钮，若未生效，应为样式前加/deep/深层影响。