/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

0 vote296 views1 answer
Drupal to wordpress
Html
14 votes310 views2 answers
Add a viewport meta tag to the document head to set the width of the layout viewport equal to the width of the device and set the initial scale of the viewport to 1.0.
Html
0 vote327 views1 answer
Html:5
Html
1 vote344 views4 answers
Html prevent submit from reloading page
Html
0 vote316 views2 answers
How to stop audio when playing other in html
Html
3 votes325 views1 answer
Nuxt select option v-for
Html
1 vote302 views1 answer
Add asterisk field in js
Html
4 votes319 views2 answers
Gcd c program recursion
Html
0 vote290 views2 answers
Stopimmediatepropagation vs stoppropagation
Html
7 votes301 views4 answers
Change button color in html
Html