En los últimos tiempos, ha habido algunos grandes artículos (y alboroto) sobre la práctica de la siguiente manera:CSS Esquema mejores prácticas
a, input, textarea, button {
outline: none;
}
mayoría éstos parecen relacionarse con problemas de accesibilidad.
No es mi intención eliminar esta característica por completo (como hace el código anterior) ... Sin embargo, esta característica arruina mi diseño original, agregando bordes no deseados (¿erm, contornos?) En áreas no deseadas.
El problema principal con esto es el hecho de que estos contornos, siendo mal nombrados como son, realmente delinean el área rectangular alrededor del elemento, no su contorno (por ejemplo, ignora el radio del borde, etc.).
Veamos un ejemplo, ¿o sí?
La única solución para esto es tener el código anterior en ejecución y emplear mi propio sistema. Como siempre lo hicimos con los navegadores web de todos modos ...
¡Hmm debería haberlo pensado yo! Gracias. – Christian
+1 - pero una advertencia; asegúrese de que su reemplazo sea lo suficientemente visible. Reemplazar un borde gris claro con un borde ligeramente más oscuro será bastante difícil de distinguir para algunas personas. Si bien puede ver el cambio de color, una vez que el control tiene foco (en este ejemplo) no se "ve enfocado". Por lo tanto, debe tener en cuenta el diseño general de la página, de modo que proporcione un estilo consistente de resaltado de enfoque en la página/sitio y que el elemento enfocado actualmente sea visualmente evidente y destaque lo suficiente de los elementos no enfocados. – BrendanMcK
De hecho, fue solo un ejemplo, pero sí, debe hacer que el cambio sea obvio @ChristianSciberras. –