uniapp的checkbox标签属性

uniapp的checkbox标签属性直接设置不了,就使用.checkbox类,现在h5和小程序都能圆角白勾,app内为框蓝勾,改checkbox本身也不行
.checkbox .uni-checkbox-input{
border: 1px solid #9a9a9a;
border-radius: 50%;/ 圆角 /
width: 40rpx; / 背景的宽 /
height: 40rpx; / 背景的高 /
box-sizing:border-box;
}
/ 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) /
.checkbox .uni-checkbox-input.uni-checkbox-input-checked{
border: none;
background: #32953b;
}
/ 选中后的 对勾样式 (白色对勾 可根据UI需求自己修改) /
.checkbox .uni-checkbox-input.uni-checkbox-input-checked::before{
border-radius: 50%;/ 圆角 /
width: 40rpx;/ 选中后对勾大小,不要超过背景的尺寸 /
height: 40rpx;/ 选中后对勾大小,不要超过背景的尺寸 /
line-height: 40rpx;
text-align: center;
font-size: 24rpx; / 对勾大小 30rpx /
color:#fff; / 对勾颜色 白色 /
background: transparent;
transform:translate(-50%, -50%) scale(1);
-webkit-transform:translate(-50%, -50%) scale(1);
}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值