2012-05-01 113 views
2

我似乎无法让IE浏览器7,8和9中的选择元素在hover伪选择器上工作,即使我发现IE7 +支持它的文档。:悬停伪选择器不工作IE中的选择元素

根据这一点,应该在IE7 +满支持: http://msdn.microsoft.com/en-us/library/cc351024(v=vs.85).aspx#pseudoclasses

怪异模式说“几乎” http://www.quirksmode.org/css/contents.html

我已经使用了严格的文档类型的尝试,但没有任何区别。

有没有人知道一种方法使CSS选择元素的hover选择器工作?

我只是想改变边框颜色:悬停,但设置边界似乎甚至不支持在IE7中。它支持IE8 +但是:悬停似乎不是。改变文本的颜色甚至不起作用。

下面是一个例子(可以完美运行在Chrome和FF):http://jsfiddle.net/6VrfW/5/

+0

你可以在这里找到你的问题的答案:http://stackoverflow.com/questions/380037/ie6-ie7-css-border-on-select-element –

+0

Roko:谢谢,但我的问题主要是关于:悬停选择器。但可能也必须考虑解决IE7边框问题的方法。 – MartinF

+0

MartinF。不,你根本做不到。 (如果你意识到如何去做......你不是人类);(人类懒得打扰))我的意思是......我之前完成了它,但是我创建了一个JS来代替我的默认选择,输入,收音机,checkbxz,全部适合简单的设计。在替换的元素上,您可以将鼠标放在悬停的位置而不是边界上。 –

回答

1

你可以用在<div><select>和悬停连接到div。这很糟糕,但IE也是如此。

+0

不错的尝试。仍然文字颜色不会改变。 –

+0

Roko:包装select元素时也可以正常工作(也可以改变文字颜色 - IE7 + - http://jsfiddle.net/6VrfW/21/)。但真的希望我错过了一些东西,所以我不必为了浏览器的兼容性而改变我的标记。 – MartinF

+0

谢谢,最终使用这个解决方案,这似乎是使其工作在IE8和IE9的唯一方法。 – MartinF