La pregunta está en el asunto.Cómo cambio el color de fondo de un cuadro de texto cuando el usuario hace clic en él con CSS
Respuesta
input[type='text']:focus {
background-color: #0066FF;
}
Puede utilizar CSS pseudo-class selectors así:
textarea:focus { background-color: red }
Tenga en cuenta que este doesn't work IE7 and lower.
Y mi voto va a Otto, por estar por primera vez por 2 minutos :-) pero me gustaría añadir que ': focus' no es compatible con Internet Explorer 7 o más bajo (¡lo sé!). Para IE7 e IE6 necesitarás usar los eventos DOM 'onfocus' /' onblur'. –
La pregunta dice "cuadro de texto", sin embargo. – Phoexo
@Phoexo: Estás argumentando semántica, la respuesta de Otto sigue siendo correcta. Un área de texto es un cuadro de texto de varias líneas. Una entrada con 'tipo =" texto "' es un cuadro de texto de una sola línea. –
textarea:focus
{
background-color: #00ff00;
}
- 1. Ocultar en el teclado iOS cuando el usuario hace clic fuera de un cuadro de texto
- 2. Ingrese texto en EditText que luego desaparece cuando el usuario hace clic dentro de él
- 3. Cambiar el color de fondo y el color de fondo del texto en un cuadro de texto
- 4. Cómo cambiar el color de fondo de un cuadro de texto enriquecido cuando está deshabilitado?
- 5. ¿Cómo deseleccionar el cuadro de texto si el usuario hace clic en otro lugar del formulario?
- 6. Cambiar el color de un ancla cuando se hace clic
- 7. Ejecuta otro javascript cuando el usuario hace clic en "ok" en el cuadro de alerta
- 8. ¿Cómo cambiar el color de fondo del cuadro de texto con discapacidad en WPF
- 9. Jquery: ¿hay alguna manera de resaltar el texto de una Div cuando haces clic en él?
- 10. ¿Cómo crear un formulario HTML con "instrucciones" precargadas que se borran cuando un usuario hace clic en el cuadro?
- 11. ¿Cómo cambio el color de fondo con JavaScript?
- 12. cómo cerrar una ventana de diálogo de WPF cuando el usuario hace clic fuera de ella
- 13. rails 3, cómo agregar un cuadro de diálogo de confirmación simple cuando el usuario hace clic en un vínculo
- 14. Cómo cambiar el color de fondo de cierta línea en el cuadro de texto enriquecido?
- 15. ¿Cómo cambio el color de fondo en gnuplot?
- 16. ¿Cómo cerrar un JDialog modal cuando el usuario hace clic fuera de JDialog?
- 17. cambiar color de fondo del div cuando se hace clic en la casilla de verificación
- 18. Cómo atrapar el evento táctil de un cuadro de diálogo cuando se hace clic fuera
- 19. Validación de cuadro de texto, problema de cambio de enfoque
- 20. C# ¿cómo puedo seleccionar todo el texto en un cuadro de texto cuando hago doble clic?
- 21. CSS "desbordamiento" elimina el "color de fondo"
- 22. Hacer un Python/GTK CheckMenuItem, cuando se hace clic en él, no cierra el menú
- 23. ¿Cómo resaltar un TextView o LinearLayout cuando se hace clic en él?
- 24. ¿Cómo usar jQuery para cambiar el color de fondo de un cuadro de texto?
- 25. ¿Cómo hago clic en un JButton sin que el usuario haga clic en él?
- 26. Cambiar el color DIV cuando se hace clic en otro DIV
- 27. El botón de clic no se activa después de un campo de entrada de intercambio cuando el usuario hace clic inmediatamente en el botón
- 28. Cambiar el borderColor del cuadro de texto
- 29. Cómo cambio el color de la celda de la tabla HTML al hacer clic en
- 30. JQuery UI Autocompletar: haga que el menú se abra cuando el usuario haga clic en el cuadro de texto
¿funciona esto en ie6, 7? – leora
Definitivamente no es IE6. Posiblemente IE7, pero lo dudo. –
@oo: Como mencioné en mi comentario sobre la respuesta de Otto, esto solo funciona en IE8 en modo estándar, no funcionará en el modo de compatibilidad IE8, IE7 o inferior. La solución alternativa es usar javascript. –