make textbox match background

[k0r54]

Hi,

I have a text box that I need to match the bg colour so you cant see it in effect. I am using this code but IE7 seems to completley ignore it well sizes and fonts are right but bg and border is ignored? Any ideas on how to do this


.main-navigation .calculator input.fieldres {width:83px; border:none; font-family:verdana,arial,sans-serif; font-size:110%; padding:2px; background-color:e9eafe;}


Thanks
k0r54

[Fang]

Have you forgotten the commas?
.main-navigation, .calculator, input.fieldres { ...

[k0r54]

Hi,

no because leaving them out like that makes it a hirachy so like the input needs to be in the calculator div that has to be in main-navigation. Much easier to keep it organised that way. Thanks fang though but i still havn't had any luck

[Centauri]

.main-navigation .calculator input.fieldres {width:83px; border:0; font-family:verdana,arial,sans-serif; font-size:110%; padding:2px; background-color:#e9eafe;}

[k0r54]

amature mistake - thanks pal

[WebJoel]

amature mistake - thanks pal

.main-navigation .calculator input.fieldres {width:83px; border:none; font-family:verdana,arial,sans-serif; font-size:110%; padding:2px; background-color:.main-navigation .calculator input.fieldres {width:83px; border:none; font-family:verdana,arial,sans-serif; font-size:110%; padding:2px; background-color:e9eafe;};}


Invalid without the " # " in front of it, as pointed out above :) . -Might not work without this in Fx/Moz/Op.

#e9eafe

"border:none;" works, and it seems to validate. Since no "width" was stated, "none" means "no style or color". Itis no different than stating border:0 (no width, and not stating any style/color means implies "none") .
I have sometimes written this as border:0 none; , but border:0; is adequate.