Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Google Chrome-CSS文本转换不起作用_Html_Css_Google Chrome_Cross Browser - Fatal编程技术网

Html Google Chrome-CSS文本转换不起作用

Html Google Chrome-CSS文本转换不起作用,html,css,google-chrome,cross-browser,Html,Css,Google Chrome,Cross Browser,所以我有这段代码可以在firefox中使用,但不能在chrome中使用。我所做的只是设计一些文本的样式。我不明白为什么它在chrome中不起作用 #hidden { color: #999; text-decoration: none; text-transform: uppercase; } 和html <p id="hidden">**hidden**</p> **隐藏** Chrome正在返回未更改的版本(黑色,非大写**隐藏**) f

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

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

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

**隐藏**

Chrome正在返回未更改的版本
(黑色,非大写**隐藏**)

firefox会返回一个灰色的
**隐藏**


这有什么解决办法吗?我有点震惊chrome不支持这么简单的东西。

我猜这可能是chrome处理标记错误的方式。根据我的经验,Chrome倾向于忽略任何低于无效CSS的CSS,这让我相信最有可能的原因是您的CSS或HTML中存在错误

对于这一点,一个非常快速、好的检查是将您关心的元素设置为
display:none并查看它是否消失。如果它仍然可见,则问题出在另一个元素上。您也可以使用W3C,如果您正在寻找一些漂亮的自动化工具来检查标记的话。

这对我来说很好。肯定还有其他问题没有提供。正如失望先生所说,尝试检查元素,它应该告诉您每个样式来自何处以及哪些样式被覆盖。