uniapp的checkbox標(biāo)簽屬性直接設(shè)置不了，就使用.checkbox類,現(xiàn)在h5和小程序都能圓角白勾，app內(nèi)為框藍(lán)勾，改checkbox本身也不行
.checkbox .uni-checkbox-input{
border: 1px solid #9a9a9a;
border-radius: 50%;/?圓角?/
width: 40rpx; /?背景的寬?/
height: 40rpx; /?背景的高?/
box-sizing:border-box;
}
/?選中后的 背景樣式 （紅色背景 無邊框 可根據(jù)UI需求自己修改）?/
.checkbox .uni-checkbox-input.uni-checkbox-input-checked{
border: none;
background: #32953b;
}
/?選中后的 對(duì)勾樣式 （白色對(duì)勾 可根據(jù)UI需求自己修改）?/
.checkbox .uni-checkbox-input.uni-checkbox-input-checked::before{
border-radius: 50%;/?圓角?/
width: 40rpx;/?選中后對(duì)勾大小，不要超過背景的尺寸?/
height: 40rpx;/?選中后對(duì)勾大小，不要超過背景的尺寸?/
line-height: 40rpx;
text-align: center;
font-size: 24rpx; /?對(duì)勾大小 30rpx?/
color:#fff; /?對(duì)勾顏色 白色?/
background: transparent;
transform:translate(-50%, -50%) scale(1);
-webkit-transform:translate(-50%, -50%) scale(1);
}

總結(jié)

以上是生活随笔為你收集整理的uniapp的checkbox标签属性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。