FireFox + CSS

[daveask]

Hi Experts,

Have you tried FireFox? In FireFox, I found the borders of the input boxes lost using follows css:
input {BORDER-BOTTOM: 1px double inherit; BORDER-LEFT: 1px double inherit; BORDER-RIGHT: 1px double inherit; BORDER-TOP: 1px double inherit;}
I then use this in css:
input {}
all the borders came back.

Do you know why? Anything I am missing?

Thank you in advance.

 

[taylorantone]

So that I follow you properly...

You had:
input {border: settings;} (which incidentally could be changed to input {border: 1px double inherit;} ) in your CSS doc and it didn't work properly.

Then, you added:
input {} to your CSS document below it?

You could try specifying the actual border width, size, and color to see if that clears it up.

 

[philote]

Hmm, maybe because it's kind of tough to have a double line that's only 1 pixel wide?

 

[ChrisHunt]

Also, bear in mind that different browsers differ widely in the styles they'll apply to form elements and the look you get as a result. See

http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/

for examples.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd