Question

微信小程序 checkbox 怎么变小

Answer 1

用css属性zoom,它的意思是放大缩小->zoom:80%;

Answer 2

/*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: #FF525C;
}
/*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);
}

Answer 3

style="transform:scale(.7)"