/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

0 vote271 views1 answer
Twig data uri
CSS
10 votes242 views2 answers
Css how to change font colr
CSS
0 vote245 views2 answers
Html overflow scroll only if needed with exemple
CSS
0 vote274 views1 answer
Removing default background color of html input
CSS
0 vote247 views1 answer
Flex direction tailwind
CSS
8 votes247 views2 answers
Horizontal align icon css
CSS
9 votes248 views4 answers
Change button size css
CSS
0 vote257 views1 answer
Css local variable
CSS
1 vote233 views1 answer
Scroll-behavior not working
CSS
0 vote260 views1 answer
Woocommerce product_cat apply to custom post type
CSS