html css checkbox 风格 动作

设置 checkbox 为圆形

来源：https://stackoverflow.com/questions/29617200/how-to-make-checkboxes-rounded

.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" />

默认选中

来源：https://blog.csdn.net/yejin191258966/article/details/23886059

<input type="checkbox" checked ='checked'/>