微信小程序 checkbox 怎么变小

发布网友发布时间：2022-05-05 00:19

共3个回答

热心网友时间：2022-04-22 22:32

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

热心网友时间：2022-04-22 23:50

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

热心网友时间：2022-04-23 01:25

style="transform:scale(.7)"