谷歌Chrome瀏覽器 - CSS文本轉換不起作用

所以我有這個代碼可以在firefox中使用，但不能使用chrome。我所做的只是設計一些文字。我不明白爲什麼它不適用於Chrome。谷歌Chrome瀏覽器 - CSS文本轉換不起作用

#hidden { 
    color: #999; 
    text-decoration: none; 
    text-transform: uppercase; 
}

和HTML

<p id="hidden">**hidden**</p>

Chrome正在返回未改變版本(a black, not uppercased **hidden**)

而Firefox好心返回一個灰色**HIDDEN**

那麼，有沒有修復這個？我有點震驚鉻不支持這麼簡單。

2011-08-24 Someone

這適用於我。 http://jsfiddle.net/apRMU/必須有其他事情不在問題中提供。作爲先生。失望說，嘗試檢查元素，它應該告訴你每個風格來自哪裏，哪些被覆蓋。 –

我在猜測這個，但它可能就是Chrome處理標記錯誤的方式。根據我的經驗，Chrome傾向於忽略任何低於無效CSS的CSS，這使我相信導致此問題的最可能原因是您的CSS或HTML中存在錯誤。

一個非常快速，很好的檢查是爲了將您所關注的元素未更新到display: none;並查看它是否消失。如果它仍然可見，則問題在於不同的元素。如果你正在尋找一些漂亮的自動化工具來檢查你的標記，你也可以使用W3C HTML Validator和CSS Validator。

2011-08-24 20:25:32 Wex

回答