效果

代码

注意：需要写在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;
}