uniapp的checkbox样式修改

第一步：编写css 必须写在APP.vue文件

<!---圆角设置--->
checkbox.round .wx-checkbox-input,
checkbox.round .uni-checkbox-input {
    border-radius: 100rpx;
}

<!---背景色设置--->
checkbox.red[checked] .wx-checkbox-input,
checkbox.red.checked .uni-checkbox-input{
    background-color: #e54d42 !important;
    border-color: #e54d42 !important;
    color: #ffffff !important;
}

<!---使用的时候就是使用 round 和 red 的class名--->

第二步： 页面使用round和red的class名

 效果图：