Problema al cambiar el color de fondo de un textbox

[javimartinez]

Hola,

Estoy intentando cambiar el color de fondo de una caja de texto, pero al realizar el cambio del color de fondo me cambia el estilo de la caja de texto por completo. He estado buscando la causa con el Sr Google, pero no consigo entender porqué lo hace ni como solucionarlo.

Básicamente lo que tengo es una caja de texto plana (es decir, sin el efecto de profundidad en los bordes) la cual, cuando no cumple unos requisitos la pongo en rojo. Para ello utilizo la siguiente línea:

campo.style.backgroundColor='#FF3333';

De esta forma el color de fondo pasa a rojo, pero la caja de texto cambia sus bordes y me aparece en vista 3D.

¿Sabeis de alguna forma de cambiar el color de fondo sin tocar que se me modifique todo? ¿A que se debe estas modificaciones al cambiar el color de fondo?

Gracias y un saludo :)

[zerokilled]

¿podrias dar algun ejemplo de captura? no estoy seguro si es lo que se trata el tema. estas usando la plataforma windows con un theme. cuando un formulario no tiene hoja de estilo los controles se visualizan con la apariencia del theme. pero cuando aplicas hoja de estilo el control de formulario cambia su total apariencia como alguna version antigüa de windows. ¿es este tu caso?

[maycolalvarez]

utiliza la propiedad "background" a secas, backgroundcolor esta depreciada, en algunos navegadores el cambio de esta propiedad afecta o elimina el "mask" del sistema operativo, por lo que el cuadro retorna a su apariencia simple 3D

[javimartinez]

A continuación pongo un pantallazo:



en él se puede ver como en el "Después", las 5 últimas columnas han cambiado de estilo tras realizar un cambio de color de fondo (en las que están en blanco también las cambio el color por si anteriormente estuvieran en rojo). En este caso he incluido la opción background en lugar de backgrounColor (ya había probado antes con ello).

Sobre temas de windows y todo eso no creo que sea, ya que todos los estilos provienen de una css (de todas formas, estoy sobre windows xp). Además, se obtiene el mismo problema tanto para el IE6 como para el IE7.

Gracias por las respuestas :)

[zerokilled]

eso es normal en windows, al menos en xp no lo he comprobado en vista. como explica el post anterior

en algunos navegadores el cambio de esta propiedad afecta o elimina el "mask" del sistema operativo

es mas o menos lo mismo que quise decir acerca del theme que aplica el SO. de nuevo, eso es normal cuando se le aplica ciertos estilos a los controles de formulario. una posible solucion es aplicarle tus propios bordes a los campos, de esta manera cuando el fondo cambie no te de la apariencia de 3D. funciona asi porque esta explicitamente declarado en tu hoja de estilo.