谷歌浏览器 - 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.