/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 vote164 views3 answers
Smooth scroll button by element id
Html
6 votes192 views6 answers
Laravel current route name
Html
0 vote162 views2 answers
Html div grid 9x9
Html
0 vote153 views1 answer
Manifest display standalone
Html
-1 vote154 views1 answer
Html to pdf react
Html
2 votes166 views1 answer
Link to call a phone number
Html
0 vote176 views2 answers
Bootstrap buttons Disabled state
Html
16 votes148 views6 answers
Basic html code
Html
0 vote148 views2 answers
Show title combox check box wpf
Html
14 votes160 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