如何使复选框四舍五入？ [英] How to make checkboxes rounded?

问题描述

是否可以使用引导程序或某些CSS属性制作带有圆角的复选框？

Is there any way to make checkboxes with rounded corners using bootstrap or some css property?

推荐答案

尝试使用此CSS：

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

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

这篇关于如何使复选框四舍五入？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！