Как селектором адресовать пустой необязательный для заполнения input или textarea?

Question

[SilentImp]

Приятного дня.

Собственно сабж.

Как селектором адресовать пустой необязательный для заполнения input или textarea?

Мне нужно что бы представление пустых input и textarea отличалось от тех, в которые пользователь ввел текст и реализовать это хочется pure css.

Есть идеи?


[value=""] к сожалению не работает. Еще не разобрался почему.

:invalid требует required

Comments

[Mikhail Osher]

Мне тоже интересно, почему не работает.

Answer 1

[Mikhail Osher]

Почитайте.

stackoverflow.com/questions/4717299/css-apply-style-to-empty-imputs-value

Comments

[Mikhail Osher]

:empty ??

[SilentImp]

нет, :empty выбирает элементы у которых нет дочерних.

[SilentImp]

Очень грустно, если ничего нельзя придумать даже с селекторами третьего уровня. Печалька.

Answer 2

[MT]

[value=""] — выборка не по текущему значению поля формы, а по атрибуту HTML-элемента. Изменение значения поля формы не приводит к изменению значения атрибута элемента.

jsfiddle.net/8z6xV/

Используйте JavaScript.