Псевдокласс :valid

Псевдокласс :valid позволяет стилизовать элементы форм, которые прошли проверку валидности в соответствии с типом поля. Например, в поле с типом email, адрес электронной почты был введен некорректно. Используйте также псевдокласс :invalid, который работает наоборот.

input:valid {
  ...
}