效果
代码
注意:需要写在app.vue里面,如果是uniapp开发的小程序也使用小程序版本
uniapp版本
修改颜色
.uni-checkbox-input-checked,
.uni-radio-input-checked,
.uni-switch-input-checked {
background-color:#5FB878 !important;
border-color: #5FB878 !important;
color: #fff !important;
}
uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
border-color: #5FB878;
}
修改大小
.uni-radio-wrapper,
.uni-radio-input{
width:30rpx;
height: 26rpx;
margin: 0;
}
微信小程序版本
修改颜色
.wx-checkbox-input-checked,
.wx-radio-input-checked,
.wx-switch-input-checked {
background-color: #0099ff !important;
border-color: #0099ff !important;
color: #fff !important;
}
修改大小
.wx-checkbox-input,
.wx-radio-input,
.wx-switch-input {
border-color: #04BB9C !important;
width:30rpx;
height: 30rpx;
}