@Intelix

Можно ли установить стиль в зависимости от value input с помощью css?

Можно ли так сделать, если да, то как?
Примерно то, что я имею в виду:
HTML
<input name="red">
CSS
input[name="red"]{color:red}
  • Вопрос задан
  • 31 просмотр
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Можно. Но только, если value явно прописан в разметке.
Это все-таки селектор атрибута, и атрибут должен присутствовать.

С другой стороны, вы можете добавить этот атрибут соответствующим методом

.setAttribute('value', 'red')

Но это извращение какое-то. Лучше уж классами оперировать, или напрямую стилями из javascript.

Как вариант, можно использовать data

const input = ...;
input.on('input', e => e.target.setAttribute('data-value', e.target.value));


и стилять от этого атрибута

input[data-value=red] {

}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы