¿Cómo usar jQuery para cambiar el color de fondo de un cuadro de texto?¿Cómo usar jQuery para cambiar el color de fondo de un cuadro de texto?
Respuesta
mejor práctica consiste en separar la interfaz de usuario de la lógica, en su caso:
$("#textboxid").addClass("aClass");
Si realmente lo necesitan a su manera, a continuación, hacer lo siguiente:
$("#textboxid").css({"background-color": "color"});
Reemplazar #textboxid
con el selector deseado, y el color con el color deseado.
Nota lo siguiente hace lo mismo para una propiedad:
$("#textboxid").css("background-color", "color");
No hay necesidad de presentación codificada en js. Usa CSS para estilo, js para comportamiento. – redsquare
$('#txtBoxID').css('background-color', '#ffff00');
mejor agregar un nombre de clase a la entrada en lugar de estilos de codificación duros en sus js. Los estilos de presentación deberían residir en css not js.
$('#inputId').addClass('someCssClass');
Y eso también es lo que estás haciendo ahora. Diría que deberías agregar una clase semántica, no backgroundRed, lo veo como un antipattern. Y tal vez el código aquí es el código de UI. – Dykam
era solo una muestra ... por supuesto, no debería haber clases para cada color. geee – redsquare
Aún no debería codificar el estilo en js. ¿Qué sucede cuando quiere un borde, luego una fuente diferente? Termina con un lío feo de js. – redsquare
Mejor aún, no use jQuery. Asumo que quieres hacer esto en el enfoque o el desenfoque, por lo que puedo hacer:
#textboxid {background-color:defaultcolor;}
#textboxid:focus {background-color:selectedcolor;}
- 1. Cambiar el color de fondo y el color de fondo del texto en un cuadro de texto
- 2. Cómo cambiar el color de fondo de un cuadro de texto enriquecido cuando está deshabilitado?
- 3. Cómo cambiar el color de fondo de cierta línea en el cuadro de texto enriquecido?
- 4. ¿Cómo cambiar el color de fondo del cuadro de diálogo de la interfaz de usuario jQuery?
- 5. ¿Cómo cambiar el color de fondo del cuadro de texto con discapacidad en WPF
- 6. Cambiar el color de fondo de jQuery deslizador
- 7. ¿Cambiar el color del texto del cuadro de grupo?
- 8. Cómo cambiar el color de fondo del cuadro de diálogo de alerta predeterminado de Android
- 9. xterm: cómo cambiar el color de fondo?
- 10. Cambiar el color de fondo de un panel intellij
- 11. jQuery DatePicker color de fondo
- 12. div color de fondo, para cambiar onhover
- 13. ¿Cómo cambiar el color del texto de fondo y de fondo en la consola?
- 14. Cambiar el color de fondo de NSButton
- 15. ¿Cómo cambiar el color de fondo de un bloque de texto en Silverlight?
- 16. Cambiar el color de fondo en NSAttributedString
- 17. ¿Cómo cambiar el color del texto seleccionado?
- 18. Cambiar el color de fondo UIButton
- 19. Cambiar el color de fondo del cuadro de lista deshabilitado en el tema clásico de Windows
- 20. Android - Cambiar fondo de título de cuadro de diálogo personalizado
- 21. ¿Cómo cambiar el color de fondo del diálogo mediante programación?
- 22. Tkinter cambiar el color de fondo en seleccione un widget de texto fuera de foco
- 23. color de fondo del cuadro de información emergente en eclipse
- 24. cuadro de texto con un fondo transparente
- 25. JTable cómo cambiar color de fondo
- 26. jQuery Mobile botón color de fondo
- 27. Cambiar el color de fondo de un NSCollectionView
- 28. ¿Cambiar el color de fondo de un UIAlertView?
- 29. ¿Cómo cambiar el color de fondo en la búsqueda Eclipse
- 30. ggplot2 facet_grid() cambiar color de fondo
Ver http://stackoverflow.com/questions/18445711/jquery-mobile-set-textbox-background – liftarn