2012-05-01 162 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