Как изменить стиль label, расположенного перед input, когда input отключен?

Question

Спартак

sass

Как изменить стиль label, расположенного перед input, когда input отключен?

Как я могу изменить цвет label, если input находится в состоянии disabled? Мой текущий CSS-код не работает: &gt; label input:disabled { color: red; } Я не знаю, как правильно организовать эту конструкцию. Большое спасибо за помощь.

9 октября 2023 г. 6:17

Ответы на вопрос 3

Похожие вопросы

Answer 1

Чтобы изменить стиль label, когда input отключен, вы можете использовать комбинатор :disabled и применить стили к непосредственно следующему за ним элементу label. 

Пример CSS-кода:

```css
input:disabled + label {
  color: red;
}
```

В этом случае стиль будет применяться к label, только когда input отключен. Вы используете комбинатор "+" для выбора label, следующего непосредственно за input, который находится в состоянии disabled.

Это должно решить вашу проблему и изменить цвет label, когда input находится в состоянии disabled.

Answer 2

.label:has(+ input:disabled) {
  color: red;
}

Answer 3

label:has(~ input:disabled) {
  color: red;  
}