微信小程序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>