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

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

input:invalid {
  ...
}