小程序-checkbox样式
在小程序设置布局样式的代码如下:
/*checkbox 选项框大小 */ checkbox .wx-checkbox-input { width: 36rpx; height: 36rpx; /* border-radius: 50%; */ /* border-color: #2ea7e0; */ vertical-align: middle; } /*checkbox选中后样式 */ checkbox .wx-checkbox-input.wx-checkbox-input-checked { background: #3286F8; } /*checkbox选中后图标样式 */ checkbox .wx-checkbox-input.wx-checkbox-input-checked::before { width: 30rpx; height: 30rpx; line-height: 28rpx; text-align: center; font-size: 22rpx; color: #ffffff; background: transparent; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); }
如需转载原创文章,请标注原文地址,版权所有!
浙公网安备 33010602011771号