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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。