/Html/Checkbox checked border square CSS

Checkbox checked border square CSS

<style>
.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;
}
</style>
<input type="checkbox" class="checkbox-round" />

<demo>
  https://jsfiddle.net/287a4boL
</demo>

Source: jsfiddle.net

Similar codes

0 vote188 views2 answers
Wordpress get link
Html
0 vote168 views2 answers
Background music html autoplay hidden
Html
4 votes192 views2 answers
Ionic datepicker done
Html
77 votes215 views6 answers
Join array javascript
Html
15 votes194 views1 answer
Select html
Html
75 votes213 views6 answers
Html button with href
Html
0 vote194 views1 answer
Create external application revit api
Html
0 vote192 views1 answer
Font awesome icon copy clipboard
Html
0 vote169 views1 answer
How to add lines between div rows html
Html
7 votes190 views8 answers
Angular mouseenter
Html