我想创建一个这样的复选框。带有白色勾号和透明背景。有人可以帮我怎么做吗
我试过
input[type="checkbox"]{
背景颜色:rgba(255,255,255,0.1);
白颜色;
但不像这里那样工作
codepen
最佳答案
你可以使用下面的 css 来获得相同的效果
input[type="checkbox"].hidden {
display: none;
}
.demoCheck {
border: 1px solid #ddd;
width: 25px;
height: 25px;
display: block;
}
input[type="checkbox"]:checked.hidden + label {
background: url(http://www.clipartsfree.net/vector/small/23493485345_Clipart_Free.png) center center no-repeat;
background-size:cover;
}
<input type="checkbox" class="hidden" id="demo" >
<label for="demo" class="demoCheck demoCheckLabel"></label>
关于html - 如何在 css 中创建自定义复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44435120/