61
¿Cómo puedo eliminar el resplandor azul que rodea un cuadro de entrada de texto seleccionado usando CSS puro?Eliminar el brillo azul de una entrada de texto HTML cuando se selecciona
A
Respuesta
126
Esto debe hacerlo:
input:focus {
outline:none;
}
EDITAR (2015): Si está diseñando para una amplia audiencia, recordemos que el esquema es a menudo una característica de accesibilidad crítico para los usuarios que navegan a través de los teclados o que requieren Comentarios visuales más evidentes. Si elimina el esquema, asegúrese de definir un estado de enfoque alternativo que proporcione retroalimentación visual adecuada a los usuarios.
+15
A veces ** box-shadow: none ** es obligatorio también – styks
+1
ninguno funciona para mí en Chrome 'versión 45.0.2454.101 m' :( – Ciwan
+0
Debido a la restricción de los navegadores como seleccionar> opciones, el esquema de propiedad es manejado por shadowDOM. puede probar [This] (http://harvesthq.github.io/chosen/) jQuery plugin – TechYogi
14
prefiero un buen reinicio sólida como:
input, textarea, select, a { outline: none; }
Esquema 'ninguno' en las etiquetas de anclaje impide enfoque horribles esboza en muchos navegadores de Android.
+0
esquema para las entradas solo se permite en el foco – Anselm
+0
Prefiero este también. Además, 'select: focus' no parecía trabajo para mí. No veo ningún problema con hacer esto en absoluto. El ': focus' es innecesariamente explícito. – taylorcressy
+0
Necesitaba agregar'! important' para que funcione para mí. – JoeTidee
Cuestiones relacionadas
- 1. Cambio del color de resaltado cuando se selecciona texto en una entrada de texto HTML
- 2. Eliminar brillo de Firefox en área de texto enfocada
- 3. ¿Es posible eliminar el foco de una entrada de texto cuando se carga una página?
- 4. Extracción sombra texto en UITableViewCell cuando se selecciona
- 5. Cambiar el color del texto del botón cuando se selecciona
- 6. ¿Cómo puedo hacer que una página HTML se imprima en horizontal cuando el usuario selecciona 'imprimir'?
- 7. UIView backgroundColor desaparece cuando se selecciona UITableViewCell
- 8. Cambiar el valor del cuadro de texto cuando se selecciona un elemento en el cuadro desplegable
- 9. Selecciona el texto, excepto que las etiquetas HTML
- 10. ¿Cómo validar el texto requerido cuando se selecciona la opción "Otro" de una lista desplegable?
- 11. jQuery - eliminar texto de entrada de usuario de textarea
- 12. iPhone selecciona una tecla Shift cuando se enfoca en un campo de entrada HTML. ¿Cómo apagar esto?
- 13. eliminar sombra interna de entrada de texto
- 14. UITableViewCell se vuelve azul cuando se desplaza
- 15. valor Obtención de entrada de texto HTML
- 16. Configuración del texto Color de una fila WGG DataGrid cuando se selecciona una fila
- 17. entrada de texto html Evento de cambio
- 18. Deshacerse del rectángulo de foco azul en cuadros de entrada en HTML/CSS?
- 19. PreferenceActivity da una excepción NullPointerException cuando se selecciona de ListPreference
- 20. jQuery Mostrar un cuadro de texto Cuando se selecciona una opción
- 21. El teclado en la entrada de texto HTML desaparece cuando WebView llama de nuevo a 'loadUrl'
- 22. ¿Por qué Firefox selecciona el texto cuando cambio innerHTML
- 23. html() método incorrecto cuando el valor de entrada ha cambiado
- 24. jquery javascript: actuar cuando se selecciona el botón de opción
- 25. ¿Cómo se cambia la etiqueta de texto cuando se selecciona UITableViewCell?
- 26. ¿Cómo detener el desplazamiento del navegador cuando se selecciona texto? Posible error del navegador?
- 27. ¿Cómo deshacerse del borde exterior azul al hacer clic en un campo de entrada de formulario?
- 28. ¿Cómo se insertan tokens de texto azul dentro de UITextField?
- 29. ¿Puedo evitar que el indicador de divulgación de una celda se vuelva blanco cuando se selecciona?
- 30. Texto de entrada de texto deshabilitado
En realidad, en Google Chrome, es naranja. Solo digo;) – wecsam
@wecsam: al principio estaba confundido porque estoy tan acostumbrado al contorno anaranjado de Chrome. : P – Purag