How in SASS i can select an input type checkbox, checked and disabled?

Question

How i can select and style an <input type=checkbox disabled checked> in SASS?

I tried this but don't put any style:

  input {
    &:checked &:disabled{
      background-color:red;
    }
  }

You should write `&:checked:disabled`. But a checkbox doesn't respond to `background-color`. — Mr Lister, Oct 01 '19 at 09:59

score 4 · Accepted Answer · answered Oct 01 '19 at 10:03

4

Here is the code you can try.

input {
    &:checked:disabled{
      background-color:red;
    }
}

However the styles won't work for checkbox. As checkbox can not be styled natively yet. See for reference css - Why Cannot Change Checkbox Color Whatever I Do?

answered Oct 01 '19 at 10:03

Karan Kiri

Perfect this works. I use this for styling a sibling label with `&:checked:disabled + label`. – Alessandro_Russo Oct 01 '19 at 10:14

1 Answers1