Существует ли псевдокласс на проверку пустоты input?

Возникла проблема при анимации label нужно сместить ее при фокусе. Это сделал как input:focus + label {стили} Но только как убираю фокус с инпута, label возвращается на место и перекрывает текст. Как сделать так чтобы когда input не пустой задать label стили.

Это при фокусе на инпут.
при фокусе

Убираю фокус

введите сюда описание изображения


Ответы (1 шт):

Автор решения: Bear Vorkuta

Попробуйте так:

input:focus + label, 
input:valid + label 
 {
   ...
 }

На инпуты required добавьте

→ Ссылка