select option background in Firefox

Neil_Bradley
Neil_Bradley used Ask the Experts™
on
Hi all,
Test page here http://www.beaconhilldesign.co.nz/~airchathams/test.html
When viewed on IE or Chrome the background to the select options is white (as intended) however when viewed on Firefox it is green which makes reading the drop down options difficult (see attached diagram Diagram to compare how it should look on Chrome to how it looks on Firefox).
How can I update my CSS to make the background of the options white regardless of browser?
Cheers,
N
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Commented:
Hi Neil,

You could add background-color: #FFF; to .input-style-1 select option in style.css.

I tested it out already in Firefox and it seems to be working well for me. Give it a shot and test it in IE and Chrome as well to ensure that it's working as expected.

I hope this helps.
Neil_BradleyWeb UX/UI Developer

Author

Commented:
Classic example of over thinking the problem.
Thanks heaps for the fresh eye.
Cheers,
N

Commented:
Anytime, happy to help    :)

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial