微信小程序checkbox样式的修改

选中前：

选中后：

<label>
	<checkbox class="interestthreecheckbox"  />
</label>

<style>

.interestthreecheckbox .wx-checkbox-input {
		border-radius: 50%;
		width: 35rpx;
		height: 35rpx;
	}

	.interestthreecheckbox .wx-checkbox-input.wx-checkbox-input-checked {
		background: #29C16A;
		border: 1px solid lightblue;
	}

	checkbox .wx-checkbox-input.wx-checkbox-input-checked:before {
		font: normal normal normal 14px/1 "weui";
		content: "\EA08";
		font-size: 22px;
		position: absolute;
		top: 30%;
		left: 30%;
		transform: translate(-50%, -48%) scale(0.73);
		-webkit-transform: translate(-50%, -48%) scale(0.73);
	}

	.interestthreecheckbox .wx-checkbox-input.wx-checkbox-input-checked::before {
		width: 20rpx;
		height: 20rpx;
		font-size: 40rpx;
		color: white;
	}
</style>