Question

i cant seem to make the :hover pseudo selector work on a Select element in IE 7, 8 and 9 even though the documentation that i have found says that IE7+ supports it.

According to this it should be full supported in IE7+:
http://msdn.microsoft.com/en-us/library/cc351024(v=vs.85).aspx#pseudoclasses

Quirksmode says “almost” http://www.quirksmode.org/css/contents.html

I have tried using a strict doc type but there is no difference.

Do anybody know a way to make the :hover selector work for the Select element in CSS?

I am just trying to change the border color on :hover, but setting the border doesn’t even seem to be supported in IE7. It is supported in IE8+ but :hover is not it seems. Changing the color of the text doesn’t even work.

Here is an example (works perfect in both Chrome and FF): http://jsfiddle.net/6VrfW/5/

Answer 1

You can wrap the <select> in a <div> and attach the hover to the div. It’s awful, but so is IE.