Copia los estilos de enfoque nativos del navegador.

Remy documentó esto el otro día. Firefox admite una Highlightpalabra clave y tanto Chrome como Safari admiten una -webkit-focus-ring-colorpalabra clave. Entonces, si, por ejemplo, ha eliminado el foco de algo y desea volver a colocarlo en el mismo estilo predeterminado del navegador, o desea aplicar un estilo de foco a un elemento cuando no está directamente enfocado, esto puede ser útil.

Por ejemplo:

button:focus + span {  outline: 5px auto Highlight;  outline: 5px auto -webkit-focus-ring-color;}

Me parece bien. Es útil especialmente con el nuevo y extraño estilo de doble contorno de Chrome que, de otro modo, sería un poco complicado de replicar.

SUSCRÍBETE A NUESTRO BOLETÍN 
No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Este sitio web utiliza cookies para mejorar tu experiencia mientras navegas por él. Este sitio web utiliza cookies para mejorar tu experiencia de usuario. Al continuar navegando, aceptas su uso. Mas informacion