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

Question

[Intelix]

Можно ли так сделать, если да, то как?
Примерно то, что я имею в виду:
HTML
<input name="red">
CSS
input[name="red"]{color:red}

Answer 1

[Сергей delphinpro]

Можно. Но только, если value явно прописан в разметке.
Это все-таки селектор атрибута, и атрибут должен присутствовать.

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

.setAttribute('value', 'red')

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

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

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

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

input[data-value=red] {

}