什么是默认的 HTML/CSS 链接颜色？答案

【问题标题】：What's default HTML/CSS link color?什么是默认的 HTML/CSS 链接颜色？
【发布时间】：2011-06-14 00:38:40
【问题描述】：

我需要它的代码表示，比如#FFFFFF。

【问题讨论】：

在什么浏览器中？（没有定义的“标准”。）
这个问题可以解释为与实际浏览器实践和建议有关。尤其是现在 HTML5 即将对颜色进行标准化（作为“预期渲染”），这个问题很重要，应该重新讨论。请注意，得票最多的答案不符合当前的做法和 HTML5 CR。
@Jukka K. Korpela - 另请注意，“得票最多的答案”是一个移动目标。好心，但请参考具体答案。

标签： html css

【解决方案1】：

完全取决于您访问的网站，如果没有覆盖网站，则取决于浏览器。没有标准。

【讨论】：

【解决方案2】：

从 HTML5 开始，超链接的前景色以及其他内容正在以guidelines for expected default rendering behavior 的形式标准化。特别是，取自Phrasing content 部分，未访问和已访问超链接的推荐默认颜色如下：

:link { color: #0000EE; }
:visited { color: #551A8B; }

但请注意，对于活动超链接 (:link:active, :visited:active)，没有推荐的默认值。

您可以使用这些默认颜色，并且合理地期望它们能够正常工作。但请记住，浏览器可以随意忽略任何或所有这些准则，因为从来没有要求遵循它们。但是，建议在浏览器之间获得一致的用户体验（这是在此上下文中定义“预期”的方式），因此有可能这些颜色将对应大多数浏览器的默认设置。在最坏的情况下，它们仍然可以作为实际值的合理近似值。

特别是，最新版本的 Firefox 和 Chrome 中默认的未访问和已访问链接颜色与上述准则一致，但 IE 最新版本报告的值不同：未访问链接为rgb(0, 102, 204)，或#0066CC，以及访问的链接是rgb(128, 0, 128) 或#800080。旧版本的 Firefox（可能还有 Safari/Chrome）也有不同的默认值。但是，这些是旧版本；今天我知道的主要异常值是 IE。目前还没有关于这是否会在 Project Spartan 中改变的消息——目前它仍然反映了与最新版本的 IE 相同的值。

如果您正在寻找所有浏览器使用而不是 HTML5 建议的标准化配色方案，那么没有。也没有办法使用纯 CSS 将特定元素的特定属性恢复为浏览器的默认值。您将不得不使用 HTML5 建议的颜色，或者设计自己的配色方案并改用它。无论哪种浏览器，这些选项中的任何一个都将优先于浏览器的默认设置。

如果有疑问，您始终可以使用我之前描述的about:blank 技术来找出默认颜色，因为它今天仍然适用。例如，您可以使用它来嗅探所有浏览器中的活动链接颜色；在最新版本的 Firefox（截至本次更新的 29 个版本）中，它是 rgb(238, 0, 0) 或 #EE0000。

【讨论】：

谢谢，但是对于 mozilla、safari、即 chrome，是否有一些平均代码？不只是默认的“蓝色”？我需要将所有链接样式（已访问、悬停）设为默认样式..

【解决方案3】：

标准链接 - #0000FF //蓝色
访问过的链接 - #800080 //紫色
活动链接 - #FF0000 //红色

这是一个标准，但现在每个浏览器都有很大的不同。（因为尼尔森放弃了；）

【讨论】：

我不确定为什么 66 人只是接受了这个答案的话。即使这些值确实来自一个标准，而这个答案没有提供任何来源，这个标准也早就过时了，正如这个答案所暗示的那样，在新代码中使用它是没有意义的。
@stom：这看起来应该是一个单独的答案。即使您打算将其作为源链接，它也不是有效的源，因为此处的三个值都没有出现在那里。

【解决方案4】：

根据official default HTML stylesheet，没有定义默认链接颜色。但是，您可以通过截屏并在任何像样的图形编辑器中使用移液器工具或使用浏览器的开发人员工具（选择a 元素，查找computed values>color）来找出您的浏览器使用的默认值。

【讨论】：

【解决方案5】：

获得浏览器默认样式的最佳方法是一开始就完全不设置元素的样式。

【讨论】：

问题是有时样式来自库。我们刚刚注意到 jQuery UI 的默认样式表包含 .ui-widget-content a { color: black; }，因此选项卡中的任何链接都失去了正常的颜色。我想覆盖它，只获取浏览器的默认颜色（或用户的个人样式表），但我必须对特定颜色进行硬编码。
另一个你可能想知道 RGB 值的时刻是，如果你想包含与链接颜色匹配的图形

【解决方案6】：

假设用户没有改变他们的偏好，Gecko 中的默认颜色是：

标准链接：#0000EE（蓝色）
访问链接：#551A8B（紫色）
活动链接：#EE0000（红色）

Source

Gecko 还提供了用户颜色的名称；它们是-moz-hyperlinktext-moz-visitedhyperlinktext 和-moz-activehyperlinktext，它们还提供-moz-nativehyperlinktext，这是系统链接颜色。

【讨论】：

【解决方案7】：

在 CSS 中，您可以在链接中使用颜色字符串 currentColor，例如使边框颜色与默认链接颜色相同：

.example {
    border: 1px solid currentColor;
}

【讨论】：

【解决方案8】：

我习惯了 Chrome 的颜色所以Chrome中链接的蓝色是#007bff

【讨论】：

【解决方案9】：

默认的 html 颜色代码如下：

Red      #FF0000  rgb(255, 0, 0)
Maroon   #800000  rgb(128, 0, 0)
Yellow   #FFFF00  rgb(255, 255, 0)
Olive    #808000  rgb(128, 128, 0)
Blue     #0000FF  rgb(0, 0, 255)
Navy     #000080  rgb(0, 0, 128)
Fuchsia  #FF00FF  rgb(255, 0, 255)
Purple   #800080  rgb(128, 0, 128)

【讨论】：

【解决方案10】：

对我来说，在 Chrome（2018 年 6 月更新）上，未访问链接的颜色是 #2779F6。您总是可以通过非常接近放大、截取屏幕截图并访问诸如 html-color-codes.info 之类的网站来获取此信息，该网站会将屏幕截图转换为颜色代码。

【讨论】：

【解决方案11】：

使用revert css 关键字。

a {
    color: revert;
}

对于uBlock Origin htmlgiant.com##a:style(color:revert !important;)

【讨论】：

【解决方案12】：

已访问 - #660199

未访问 - #1a0dab

【讨论】：