CODEWITHSUNDEEP
htmlcss
MartinF
MartinF

Reputation: 5979

:Hover pseudo selector not working on Select element in IE

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/

Upvotes: 2

Views: 613

Answers (1)

robrich
robrich

Reputation: 13205

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

Upvotes: 1

Related Questions