Chrome 中的 CSS 颜色错误答案

【问题标题】：CSS color bug in ChromeChrome 中的 CSS 颜色错误
【发布时间】：2011-01-15 04:35:36
【问题描述】：

我有一个特定于 Chrome 的 CSS 问题。网站上的导航使用以下标记：

<nav>
            <ul>
                <li><a href="#">Alle tilbud</a></li>
                <li><a href="#">Bunnpris</a></li>
                <li><a href="#">Europris</a></li>
               ...
            </ul>
</nav>

我有以下 CSS 使链接颜色 #555：

nav li a {
color: #555;
display: block;
padding-left: 25px;
}

但是，当 Chrome 呈现该网站时，它的颜色为 #222。它在检查器中说它的#555，但它实际上是#222。 Chrome 是唯一以这种方式交互代码的浏览器。

请检查代码以了解我的意思。

有谁知道 Chrome 为什么这样做？或者它是我代码中的一个错误？

谢谢！

添加了截图。如您所见，它实际上接近#000。我在 MAC 上使用 Chrome 8。

【问题讨论】：

它们在我看来是一样的（Firefox 4 和 Chrome 8），但灰色和蓝色的色调略有不同。如果这是颜色管理问题，请尝试使用 --enable-monitor-profile 启动 Chrome。此外，当我动态查询链接的计算样式时，FWIW 会返回“rgb(85, 85, 85)”或 #555，它与检查器相关（以前有问题！）。
您是否尝试过改用 6 位十六进制值？（例如color: #555555;）
对我来说看起来是正确的。在 OS X 上使用 Chrome v8，我调高了字体大小，截取了“Bunnpris”导航项，并在 Photoshop 中对截屏进行了采样。我得到#56585a 的值。我认为您需要指定您的操作系统和 Chrome 版本，并提供您所看到的屏幕截图。
好的，添加了截图。我在 MAC 上使用 Chrome 8

标签： css google-chrome

【解决方案1】：

我使用 Chrome 似乎没有发生在我身上看到：
编辑：
我可以看到颜色变化

【讨论】：

但是检查员在撒谎。尝试禁用颜色：#555。颜色保持不变（因为它真的使用#222）
Chrome 8.0 上也是如此
这可能只是 MAC 的问题

【解决方案2】：

它不是使用#222，而是使用你在“style.css”的第2行指定的#000000。

【讨论】：

【解决方案3】：

好的，我找到了罪人：

a:visited {
color: inherit;
}

这显然导致了这个问题，它只发生在 Chrome for MAC 上。

【讨论】：