027-87227388

微信小程序checkbox样式修改

发布时间:2020-11-09 浏览:1415

微信小程序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);

}