White Listbox on Firefox but not IE White Listbox on Firefox but not IE
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

White Listbox on Firefox but not IE

Started by Gene-2008, January 31, 2009, 04:30:34 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Gene-2008

I have been working on a widescreen version of igames and noticed this white listbox upload in Firefox.
igames has a light font so the text in the listbox doesn't show up.  It is not white in IE it is grey and thus
the text shows up!  At first I thought it was my style.css.... until I noticed it was only white in FireFox.
Attached is screen capture of Firefox and IE.

I have searched forum but can't seem to find anything.

Link to my site is http://genefyoung.com/photos

Note I am NOT having problems uploading just saw this difference and can't explain it...and it is irritating.

Login as Guest password Guest

Gene

Joachim Müller

The browser controls the look of file upload boxes as a sort of security-feature: browser coders try to make abuse of the file upload fields harder for "bad guys", so they don't implement all styling features for "regular" form fields for file upload fields. See this as a feature in Firefox. Try it in Google Chrome, where this happens as well. It's a browser feature that you can not set the background color of file upload fields - this happens by design to make sure that a file upload field can never be disguised by a malevolent web site as something else. Therefor, you need to make sure that the foreground color (i.e. the text color) differs for file upload fields. That's why I would suggest editing the stylesheet and changing.textinput, .listbox, .radio, .checkbox { color: #FFFFCC; }
to.textinput, .listbox, .radio, .checkbox { color: #FFFFCC; }
input.listbox { color: #000000; }
or similar.

Gene-2008

Thanks very much that worked.   ;D ;D

At first I didn't think it did because I put a . in front of the input.listbox { color: #000000; }    ::) I thought it was a typo but :-[

But it worked fine just as you said.

Thanks again,
Gene

This can be marked closed.