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

<checkbox-group @change="signTypeChange"><label class="mr-10"><checkbox v-if="isShowSignIn" class="checkbox-backgroun-yellow" checked="true" value="1" >签到</checkbox></label><label><checkbox v-if="isShowSignOut" class="checkbox-backgroun-yellow" checked="true" value="2" >签退</checkbox></label>
</checkbox-group>

效果