/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 vote209 views1 answer
Get element in list ocaml
CSS
0 vote215 views1 answer
Hide scroll bar and show when hover with small size
CSS
0 vote183 views2 answers
Css add circle to icon cart
CSS
43 votes204 views3 answers
Css center horizontally and vertically
CSS
0 vote213 views1 answer
Css widows
CSS
0 vote204 views1 answer
Text overlay animation css
CSS
7 votes213 views6 answers
Animation css
CSS
0 vote209 views2 answers
Html5 vs css3
CSS
1 vote214 views4 answers
Screen orientation css
CSS
7 votes160 views2 answers
Html vertical and horizontal center
CSS