微信小程序checkbox樣式修改

checkbox {

width: 28rpx;

height: 28rpx;

}

checkbox .wx-checkbox-input {

width: 28rpx;

height: 28rpx;

}

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

background: #3296fa;

}

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);

}