/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

206 votes260 views6 answers
Link css file
Html
10 votes210 views3 answers
Jqury get selected option
Html
0 vote235 views1 answer
Python download html as string
Html
1 vote229 views1 answer
Head icon html
Html
1 vote222 views1 answer
How to add an image to my web page from my computer
Html
92 votes265 views6 answers
Bootstrap bg colors
Html
0 vote220 views1 answer
Free diamonds geometry dash
Html
1 vote227 views1 answer
Blue glow input boostrap 4
Html
0 vote263 views3 answers
How to prevent cross site scripting to redirect you to another web page
Html
0 vote215 views1 answer
How to make a still background image in html
Html