微信小程序修改checkbox樣式

/*checkbox 選項框大小  */
.agreement-box checkbox .wx-checkbox-input {
    width: 21rpx;
    height: 21rpx;
}
/*checkbox選中后樣式  */
.agreement-box checkbox .wx-checkbox-input.wx-checkbox-input-checked {
    background: #CE2F2F;
}
/*checkbox選中后圖標樣式  */
.agreement-box checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
    font-size: 22rpx;
    color: #ffffff;
}

　　wxml:

    <view class="agreement-box">
      <checkbox-group bindchange="checkboxChange">
        <checkbox />我已閱讀並同意《用戶服務協議》
      </checkbox-group>
    </view>

效果：