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?
Respuesta
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.
¡Gracias! Sí, definitivamente lo soy ... es solo que tengo un fondo en las entradas que lo hace ver feo. – Chris
Marque como respuesta a continuación. –
@Chris, siempre es un placer. Y fue un recordatorio por caso, sin intención de ofensa =) –
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.
Bueno, voy a hacer +1, ya que se nos ocurrió la misma respuesta al mismo tiempo ... (De lo contrario, me sentiría grosero) =) –
que acabo de hacer esto:
:focus { outline: none; }
- 1. ¿Cómo deshacerse del efecto de resaltado de selección de checklistbox?
- 2. Relleno en cuadros de selección
- 3. Deshacerse del rectángulo de foco azul en cuadros de entrada en HTML/CSS?
- 4. Resaltado de selección en NSCollectionView
- 5. Resaltado y selección de texto con las maldiciones de Python
- 6. de Desarrollo del iPhone: Asir texto seleccionado/resaltado en UIWebView
- 7. i18n para cuadros de selección
- 8. Repoblando fechas en cuadros de selección
- 9. Cambio del color de selección de texto en NSTextView
- 10. Cuadro de texto HTML, texto de resaltado automático
- 11. Rails 3 cuadros desplegables de selección?
- 12. Bündler Gemfile resaltado de sintaxis en el texto del compañero
- 13. Encuadernación en cuadros de texto no funcionan
- 14. Permitir HTML en cuadros de texto
- 15. Selección de texto resaltando demasiado
- 16. Desactivación de la selección de texto en DocumentViewer
- 17. Bucle a través de cuadros de texto
- 18. cuadros de texto en la tabla HTML: cómo auto-tamaño?
- 19. Cómo deshabilitar la edición de cuadros de texto?
- 20. Resaltado de sintaxis de texto, extendiendo el resaltado desde otro idioma
- 21. .NET MVC enmascaramiento cuadros de texto Contraseña
- 22. Obtener texto resaltado de la ventana activa
- 23. Detener texto HTML resaltado
- 24. ¿Cómo agrego cuadros de texto dinámicamente en Javascript?
- 25. Cómo anular la selección del texto de un cuadro combinado
- 26. Fondo de texto resaltado y primer plano - ¿Cómo cambiar?
- 27. Cómo deshacerse del texto de casilla de verificación en los subelejos ObjectListView
- 28. ¿Cómo obtener texto de selección de UIWebView?
- 29. Cambio del color de resaltado cuando se selecciona texto en una entrada de texto HTML
- 30. ¿Cambiar el color de selección de texto usando CSS?
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