Categorías
Hablo de código y gestión

Cómo detectar el Soporte de las pseudo classes css con vanilla javascript en tu navegador

Quizás alguna vez tengas la necesidad de saber si una pseudo clase de css es soportado por el navegador. Yo en su día la tuve con la propiedad :autofill versus :--webkit-autofill , ahora te cuento como lo solucioné.

Gracias a la propiedad :autofill puedes aplicar un estilo distinto siempre a un elemento como un <input type="email"> o <input type="password"> cuando se ha autocompletado, como por ejemplo en el típico formulario de login.

Durante mi trabajo necesitaba detectar vía javascript, sólo cuando el input es autocompletado, pero no existe un evento en js del tipo «autofill». Existe una manera, una manera un poco más safisticada de abordar el problema ideada por Tommy Brunn con el evento animationstart pero a mi no me terminaba de encajar.

Módulo supportPseudoClass

Ojeando stackoverflow un usuario compartió una funcion muy sencilla para detectar cuando una pseudoclase es sorportada.

Nando Muñoz
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles. Para revisar nuestra política de privacidad en esta pagina.