/CSS/Css checkbox'':checked change color

Css checkbox'':checked change color

<label for="checkbox1" class="checkbox">
  <input id="checkbox1" type="checkbox" role="checkbox" />
  <span class="custom">Checkbox</span>
</label>


input[type="checkbox"]#checkbox1:checked + span {
      border-color: red;
    background-color:red;
}

Source: stackoverflow.com

Similar codes

8 votes289 views2 answers
Line-weight css
CSS
0 vote317 views1 answer
Shrink a div by 50%
CSS
0 vote284 views1 answer
No scrollbar tailwind
CSS
0 vote288 views1 answer
How to remove text selection in css
CSS
42 votes315 views5 answers
Split text javascript
CSS
0 vote306 views1 answer
To make card box appear more bigger when hover
CSS
0 vote274 views1 answer
Copy html css from website
CSS
0 vote322 views1 answer
Css nearest neighbor
CSS
0 vote290 views1 answer
Round image center
CSS
-1 vote282 views1 answer
How to many image fullscreen in css
CSS