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>效果
原文地址：https://blog.csdn.net/liming1016/article/details/143908821
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！