forum.coppermine-gallery.net

Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: Gene-2008 on January 31, 2009, 04:30:34 am

Title: White Listbox on Firefox but not IE
Post by: Gene-2008 on January 31, 2009, 04:30:34 am
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
Title: Re: White Listbox on Firefox but not IE
Post by: Joachim Müller on February 01, 2009, 12:01:16 pm
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
Code: [Select]
.textinput, .listbox, .radio, .checkbox { color: #FFFFCC; }
to
Code: [Select]
.textinput, .listbox, .radio, .checkbox { color: #FFFFCC; }
input.listbox { color: #000000; }
or similar.
Title: Re: White Listbox on Firefox but not IE
Post by: Gene-2008 on February 01, 2009, 06:04:40 pm
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.