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.

Si quieres conocer otros artículos parecidos a Copia los estilos de enfoque nativos del navegador. puedes visitar la categoría Tutoriales.