2010-09-23 11 views
34

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

+0

En relación con esta cuestión, me pregunto si es posible cambiar el color del contorno en lugar de sólo la eliminación de ella? Estoy en la misma posición, cuando se produce el contorno, obtengo un color verde feo. Sería genial cambiarlo! – Kyle

Respuesta

73

El siguiente CSS por lo general elimina el defecto más destacado de las fronteras:

input:focus {outline: none; } 

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

+1

¡Gracias! Sí, definitivamente lo soy ... es solo que tengo un fondo en las entradas que lo hace ver feo. – Chris

+0

Marque como respuesta a continuación. –

+0

@Chris, siempre es un placer. Y fue un recordatorio por caso, sin intención de ofensa =) –

15

Puede utilizar

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

Pero tratar de dar alguna indicación al usuario de que el elemento de formulario se centra, por razones de accesibilidad.

+4

Bueno, voy a hacer +1, ya que se nos ocurrió la misma respuesta al mismo tiempo ... (De lo contrario, me sentiría grosero) =) –

3

que acabo de hacer esto:

:focus { outline: none; } 
Cuestiones relacionadas