微信小程序 -- checkbox、radio改变默认样式

在微信小程序中，checkbox、radio的默认样式如下：

 

但是有时我们需要改变它的样式，如其他颜色、多项选择为圆圈、单项选择为方框等等。例子如下：
   

实现如下：

1. checkbox样式

/* 未选中的 背景样式 */
checkbox .wx-checkbox-input {
  width: 35rpx; /* 背景的宽 */
  height: 35rpx; /* 背景的高 */
  line-height: 35rpx;
  border-radius: 3px;/* 圆角:border-radius: 50%; */
}

/* 选中后的 背景样式  */
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  border: 1rpx solid #04b06d;
  background: #04b06d;
  width: 35rpx; /* 背景的宽 */
  height: 35