/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

3 votes131 views2 answers
Css glass effect
CSS
5 votes124 views1 answer
Css animate flashing
CSS
0 vote127 views1 answer
Tailwind css react craco
CSS
32 votes122 views6 answers
Overflow css
CSS
5 votes141 views1 answer
Hidden elements blinking on hover
CSS
0 vote147 views3 answers
Navigation sidebar animated
CSS
0 vote128 views1 answer
How to link to class in CSS
CSS
0 vote132 views2 answers
Hide Categories - Woocommerce Product Page
CSS
2 votes127 views1 answer
Media queries css responsive max width
CSS
0 vote152 views1 answer
Angular set encapsulated body to full height
CSS