Всем привет. Возникла небольшая, крайне неприятная проблема с полями, вопрос не в новинку, собственно проблема в том что лейбл не отрабатывает как должен, разница от верхнего только в отсутствии required в input. Господа, есть у кого идеи?
перепробовал кажется уже все, помогите заставить лейбл вернутся в семью.. ссылко
Дело в псевдоклассе ":valid" : при required и пустом поле он не срабатывает, а когда отсутствует атрибут required даже пустое поле валидно, в следствии этого label все время "не в семье"
Чистым css'ом это вроде не решить. Как вариант js'ом отслеживать пустой value или нет, и если нет, то навешивать на инпут класс, который и будет заменять input:valid
