谷歌浏览器 - CSS文本转换不起作用

Question

所以我有这个代码在firefox中运行但不是chrome。我所做的只是设计一些文字。我不明白为什么它在chrome中不起作用。

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

和html

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

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

虽然firefox返回灰色**HIDDEN**

对此有什么解决方法吗？我有点震惊铬不支持这么简单的东西。

Answer 1

我正在猜测这一点，但它可能就是Chrome处理标记错误的方式。根据我的经验，Chrome倾向于忽略任何低于无效CSS的CSS，这让我相信最可能的原因是你的CSS或HTML中有错误。

对此进行快速，好的检查是将您关注的元素设置为display: none;，并查看它是否消失。如果它仍然可见，则问题出在另一个元素上。如果您正在寻找一些用于检查标记的漂亮的自动化工具，您还可以使用W3C HTML Validator和CSS Validator。