:invalid es una pseudo-clase que representa cuando un elemento <input> es inválido, basado en la información de sus atributos. Es decir que aplica estilos cuando la información es incorrecta.
Bit completo en: filisantillan.com
Código utilizado en el ejemplo: invalid.css
Comparto los bits al menos una vez por semana.
Instagram: @fili.santillan
Twitter: @FiliSantillan
Facebook: Fili Santillán
Sitio web: http://filisantillan.com