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

Question

所以我有这段代码可以在 firefox 中使用，但不能在 chrome 中使用。我所做的只是为一些文本设置样式。我不明白为什么它在 Chrome 中不起作用。

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

和html

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

Chrome 正在返回未更改的版本 (黑色，非大写 **hidden**)

虽然 firefox 友好地返回灰色 **HIDDEN**

那么有什么办法可以解决这个问题吗？我有点震惊 chrome 不支持这么简单的东西。

Answer 1

我对此进行了猜测，但这可能只是 Chrome 处理标记中错误的方式。根据我的经验，Chrome 倾向于忽略任何低于无效 CSS 的 CSS，这使我相信最可能的原因是您的 CSS 或 HTML 中存在错误。

一个非常快速、很好的检查是将您关注的元素设置为 display: none; 并查看它是否消失。如果它仍然可见，则问题出在不同的元素上。您还可以使用 W3C HTML Validator和 CSS Validator如果您正在寻找一些不错的自动化工具来检查您的标记。