如何修改uniapp的checkbox样式？

2021-12-22 分类：CSS 评论(0)

H5页面不能自定义CheckBox样式问题，需要在app.vue中设置样式。

uni-checkbox .uni-checkbox-input {border-radius: 50%;}uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {border: 1rpx solid rgb(253, 103, 3);background-color: rgb(253, 103, 3);}uni-checkbox .uni-checkbox-wrapper {width: 100%;}uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before{color: #FFFFFF;}uni-checkbox:not([disabled]) .uni-checkbox-input:hover{border-color: transparent;}

结束，喜欢的给个赞噢~~~~