/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 votes199 views4 answers
Disable scroll css
CSS
19 votes177 views3 answers
Change input placeholder text css
CSS
0 vote164 views2 answers
Systemd on wsl2
CSS
0 vote179 views1 answer
Hide yunohost button on apps
CSS
420 votes492 views6 answers
Delete array element
CSS
6 votes181 views8 answers
Bootstrap css
CSS
12 votes175 views2 answers
Can't resolve @emotion/react
CSS
5 votes188 views1 answer
Cursor as image css
CSS
38 votes174 views2 answers
Remove list bullet css
CSS
1 vote196 views1 answer
Stop anchor tag scroll to top of page
CSS