How to make checkboxes rounded?

Question

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

Answer 1

Try with this css:

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

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