小程序checkbox調整大小(checkbox樣式修改)

 

 

.skyCheckbox{
  transform: scale(0.7,0.7);
  -webkit-transform: scale(0.7,0.7);
}

<label class="checkbox">
          <checkbox class="round red skyCheckbox" bindtap="checkboxChange" checked="{{checkboxValue}}"/>
          <text>同意以上權益條款</text>
 </label>

 其他樣式修改      不行的話加!important;

/*checkbox 整體大小  */
checkbox {
  width: 240rpx;
  height: 90rpx;
}
/*checkbox 選項框大小  */
checkbox .wx-checkbox-input {
  width: 50rpx;
  height: 50rpx;
}
/*checkbox選中后樣式  */
checkbox .wx-checkbox-input.wx-checkbox-input-checked {

　　background: #FF6A72 !important;

}
/*checkbox選中后圖標樣式  */
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  width: 28rpx;
  height: 28rpx;
  line-height: 28rpx;
  text-align: center;
  font-size: 22rpx;
  color: #fff;
  background: transparent;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}