Webkit邊框顏色文本顏色錯誤

我有一些HTML模擬Mac OS X Dock應用程序上下文菜單，並且在Chrome和Safari中都遇到了問題。Webkit邊框顏色文本顏色錯誤

看看這個例子在這裏（http://jsfiddle.net/HenXL/1/）在Chrome和Firefox。在Chrome中，出於某種原因，hr元素的兄弟元素的文本顏色與hr元素邊框顏色的顏色相同。

Firefox on the left vs Chrome on the right

我不知道爲什麼發生這種情況，我可能犯了明顯的錯誤（這是已故），但我無法看到的代碼有問題。

有誰能告訴我爲什麼會發生這種情況，或者對這種情況有所瞭解？

他們看起來都沒什麼問題在Windows上的Firefox 6和Chrome 13的顏色沒有區別。 – tw16

那麼你是否在Chrome 13中看到完整的白色文本，就像左邊的圖像一樣？因爲我看到附加圖像右側的灰色版本。 –

是的。 *兩個*瀏覽器中全白文本。也許它是Mac相關的。 – tw16

這似乎是目前穩定版Chrome（13）的錯誤，至少在Mac上是這樣。奇怪的是，如果你選擇文字，它會改變顏色，使其變白。

它似乎是固定在14以後。

這是由邊框造成的：transparent;在你的.content hr規則中。這是，刪除：http://jsfiddle.net/AJfcQ/

2011-08-18 22:58:00

回答