Проблема с input при required. Время великов?

Question

[Heorhii]

Всем привет. Возникла небольшая, крайне неприятная проблема с полями, вопрос не в новинку, собственно проблема в том что лейбл не отрабатывает как должен, разница от верхнего только в отсутствии required в input. Господа, есть у кого идеи?
перепробовал кажется уже все, помогите заставить лейбл вернутся в семью..
ссылко

Answer 1

[fu11buster]

Дело в псевдоклассе ":valid" : при required и пустом поле он не срабатывает, а когда отсутствует атрибут required даже пустое поле валидно, в следствии этого label все время "не в семье"

Answer 2

[Андрей]

Чистым css'ом это вроде не решить. Как вариант js'ом отслеживать пустой value или нет, и если нет, то навешивать на инпут класс, который и будет заменять input:valid