/Html/Checkbox checked border radius CSS

Checkbox checked border radius 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

2 votes124 views1 answer
Reload tab using meta
Html
12 votes137 views2 answers
Simple html website coding
Html
10 votes124 views10 answers
Hello
Html
15 votes137 views2 answers
Html format date
Html
0 vote140 views1 answer
Render html helper list + prestashop 1.7
Html
0 vote128 views1 answer
Checkbox onchange vue
Html
21 votes115 views3 answers
Image size
Html
-1 vote149 views1 answer
How to use h4 tag html
Html
0 vote91 views2 answers
H1 html
Html
4 votes125 views1 answer
Tailwind push footer always to bottom of screen
Html