css - quitar - ¿Cómo deshacerse de la selección de cuadros de texto resaltada en Chrome/Safari?

quitar focus de un boton css

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Cómo eliminar el borde (contorno) alrededor de cuadros de texto / entrada? (Chrome) [duplicar] 11 respuestas

Al usar Chrome o Safari, un active text box o text area mostrará un borde azul / naranja alrededor del cuadro. He visto algunos sitios deshacerse de esto, pero he copiado su CSS y todavía está allí. ¿Cómo lo hago?

Answer 1

Acabo de hacer esto:

:focus { outline: none; } 

Answer 2

El siguiente CSS generalmente elimina el borde resaltado predeterminado:

input:focus {outline: none; }

Vale la pena recordar que el esquema es una retroalimentación visual útil para el enfoque de la interfaz de usuario, para aquellos usuarios que no usan un mouse (navegación por teclado, por ejemplo), y vale la pena sustituir otra señal visual para reemplazar la pérdida del contorno.

Answer 3

Puedes usar

input:focus, textarea:focus {
    outline: 0;
}

Pero intente dar alguna indicación al usuario de que el elemento de formulario está enfocado, por razones de accesibilidad.