/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

6 votes108 views4 answers
Tailwind css npm
CSS
1 vote104 views2 answers
Css input border radius focus
CSS
15 votes105 views2 answers
Span cursor pointer
CSS
33 votes97 views5 answers
Css strikethrough html text
CSS
10 votes120 views5 answers
Css hr thickness
CSS
8 votes115 views4 answers
Css boilerplate
CSS
59 votes121 views6 answers
Node Sass version 5.0.0 is incompatible with ^4.0.0.
CSS
0 vote62 views1 answer
Css flex fixed width
CSS
2 votes119 views2 answers
Css display none transition
CSS
0 vote162 views1 answer
Css interne
CSS