uniapp 小程序更改复选框checkbox的默认样式

效果图

H5中实现样式写法

	uni-checkbox .uni-checkbox-input {
		border-radius: 50%;
		border: 1px solid #d1d1d1;
	}

	uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
		border: 1rpx solid #B78D56;
		background-color: #B78D56;
	}

	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;
		border-color: #d1d1d1;
	}

在小程序中实现样式写法

	checkbox .wx-checkbox-input {
		border-radius: 50% !important;
	}

	checkbox .wx-checkbox-input.wx-checkbox-input-checked {
		color: #fff;
		background: #B78D56;
	}

以上代码均写在app.js中，开箱即用，亲测有效。