微信小程序checkbox样式修改

 这个多选框修改起样式还是挺麻烦的，总结到这里，以后用的着的时候好完成快速开发，如果对你有帮助的话就收藏室下吧！

<checkbox class="checkrideo">
   <checkbox-group></checkbox-group>
</checkbox>

/* 选框样式-圆型 */
.checkrideo .wx-checkbox-input {
  border-radius: 50%;
  width: 35rpx;
  height: 35rpx;
}
/* 让对勾居中 */
.checkrideo .wx-checkbox-input.wx-checkbox-input-checked:before {
  font: normal normal normal 14px/1 "weui";
  content: "\EA08";
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -48%) scale(0.73);
  -webkit-transform: translate(-50%, -48%) scale(0.73);
}
/* 对勾的大小以及颜色 */
.checkrideo .wx-checkbox-input.wx-checkbox-input-checked::before{
  /* width: 20rpx;
  height: 10rpx;
  font-size:30rpx;  */
  color:blue;
}

效果图：