/*checkbox 选项框大小  */
.agreement-box checkbox .wx-checkbox-input {
    width: 21rpx;
    height: 21rpx;
}
/*checkbox选中后样式  */
.agreement-box checkbox .wx-checkbox-input.wx-checkbox-input-checked {
    background: #CE2F2F;
}
/*checkbox选中后图标样式  */
.agreement-box checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
    font-size: 22rpx;
    color: #ffffff;
}

　　wxml:

    <view class="agreement-box">
      <checkbox-group bindchange="checkboxChange">
        <checkbox />我已阅读并同意《用户服务协议》
      </checkbox-group>
    </view>

效果：

 

版权声明：本文为siyecao2010原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/siyecao2010/p/11757762.html