如何使复选框四舍五入？

Question

有没有办法使用引导程序或某些 css 属性制作带有圆角的复选框？

原文由 Hrishikesh Saraf 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

但是，仅使用 css，您会丢失复选框勾选。

 .checkbox-round {
    width: 1.3em;
    height: 1.3em;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

.checkbox-round:checked {
    background-color: gray;
}

 <input type="checkbox" class="checkbox-round" />

原文由 infinito84 发布，翻译遵循 CC BY-SA 4.0 许可协议