Как стилизовать checkbox:disabled?

Question

[Shillkas11]

Есть следующий код:

<label class="checkbox">
    <input type="checkbox" disabled>
    <span>Текст</span>
</label>

label.checkbox input:disabled{
  background: red;
}

Можно ли как-то назначить стиль label-у, когда checkbox будет disabled, например для изменения цвета текста?

Answer 1

[Андрей Андреев]

На label нельзя, на span можно.

Answer 2

[Дмитрий]

label.checkbox input:disabled + span{
  color: #ccc;
}

или

label.checkbox input:disabled + span{
  opacity: .5;
}

Comments

[Shillkas11]

Жаль, только для span можно назначить стиль, у меня на проекте в label-е текст не обернут в span.