uni-app 修改复选框checkbox选中后背景和字体颜色

编写css（注意：这个样式必须写在App.vue里）

/* 复选框 */
/* 复选框-圆角 */
checkbox.checkbox-round .wx-checkbox-input,
checkbox.checkbox-round .uni-checkbox-input {
    border-radius: 100rpx;
}
/* 复选框-背景颜色 */
checkbox.checkbox-backgroun-yellow[checked] .wx-checkbox-input,
checkbox.checkbox-backgroun-yellow.checked .uni-checkbox-input{
    background-color: #FFC457 !important;
    border-color: #FFC457 !important;
    color: #ffffff !important;
}

使用，在checkbox中的class中使用在round和checkbox-backgroun-yellow

  
    签到
  
  
    签退
  

效果

image.png

参考：https://blog.51cto.com/u_15361941/3832997