谷歌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

回答