Is there a way to style the hover color for a select box element? I know I can style the bg color, font color, borders, etc. but is it even possible to style the on-hover color in the select box? Any feedback will be greatly appreciated.
Have you tried select:hover { color: ? } That may work in some browsers, won’t work in IE<=6 without js because they don’t accept :hover except on anchors and even then probably won’t work. There’s some aspects of form styling that just won’t work cross browser.
Tyssen - thanks for the reply. Unfortunately, select:hover { color: ? } affects the text color while select:hover { background-color: ? } affects the bg color of all of the options in the select box. What I am trying to affect is the blue hover color that is present when an item in the select box has the cursor over it.
Then you want to apply the :hover to option instead. As I said though, this doesn’t work in all browsers.
Unfortunately, option:hover { background-color: #FF0000; } does not work in IE6 or FF2.0. If you have any other ideas I would be interested. Any additional feedback will be appreciated. Thanks for your time.
Like I said, when it comes to options/selects there are no reliable cross-browser methods for achieving what you want.