uniapp的CheckBox在H5和微信小程序中的样式改动

H5：

//选框大小和样式

uni-checkbox .uni-checkbox-input {

  border-radius: 50%;

  width: 32rpx;

  height: 32rpx;

  border: 2rpx solid #cccccc;

}

// 选中背景样式

uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {

  border: 2rpx solid #cccccc;

  border-color: #fd4118;

  background: -webkit-linear-gradient(#fd4118, #ff851d);

}

// 选中图标样式

uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before {

  font-size: 28rpx;

  color: #fff;

}

小程序:

因为在小程序调试工具上，CheckBox的审查结果是黑盒，实际渲染出来的类名如下：

// 复选框大小

checkbox .wx-checkbox-input{

  border-radius: 50%;

  width: 32rpx;

  height: 32rpx;

  border: 2rpx solid #cccccc;

}

// 选中样式

checkbox .wx-checkbox-input.wx-checkbox-input-checked {

  border: 2rpx solid #cccccc;

  border-color: #fd4118;

  background: -webkit-linear-gradient(#fd4118, #ff851d);

}

// 选中图标样式

checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {

  font-size: 28rpx;

  color: #fff;

}

建议在入口文件main.js中引入这些公共css文件