修改微信小程序单选，复选框样式

xml

 <label class="checkbox">
    <checkbox checked="checked" disabled />获取您的公开信息(头像、昵称)等
  </label>

xss

/*复选框外框样式*/
checkbox .wx-checkbox-input {
  width: 8px;
  height: 8px;
  border: 4rpx solid #d1d1d1;
  border-radius: 100%;
}
/*复选框外框选中样式*/
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  border-color: #d1d1d1;
}
/*复选框选中后内部样式*/
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  width: 60%;
  height: 60%;
  background: #777;
  border-radius: 100%;
  content: '';
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);

}
.checkbox {
  font-size: 12px;  
  color: #d1d1d1;
  margin: 20px;
  line-height: 18px;
}

原文来源地址：https://www.cnblogs.com/xyyt