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

Question

我需要代码表示，例如#FFFFFF。

Answer 1

从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)或{{1 }和访问过的链接是#0066CC或rgb(128, 0, 128)。旧版本的Firefox（可能还有Safari / Chrome）也有不同的默认值。然而，那些是旧版本;今天我知道的主要异常是IE。还没有关于这是否会在Project Spartan中发生变化的消息 - 目前它仍然反映出与最新版IE相同的价值。

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

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

Answer 2

• 标准链接 - ＃0000FF //蓝色
• 访问过的链接 - ＃800080 //紫色
• 有效链接 - ＃FF0000 //红色

这是一个标准，但现在每个浏览器差异很大。 （因为尼尔森放弃了;）

Answer 3

Gecko中的默认颜色（假设用户未更改其首选项）为：

• 标准链接：#0000EE（蓝色）
• 访问过的链接：#551A8B（紫色）
• 有效链接：#EE0000（红色）

Source

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

Answer 4

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

Answer 5

我习惯了Chrome的颜色 所以Chrome链接中的蓝色为(function($){ $( ".service .submenu" ).insertAfter( ".navigation" ); })(jQuery);

Answer 6

完全取决于您访问的网站，并且在浏览器上没有覆盖网站。没有标准。

Answer 7

对我而言，在Chrome上（2018年6月更新），未访问链接的颜色为＃2779F6。您可以通过非常接近放大，截取屏幕截图以及访问像html-color-codes.info这样将屏幕截图转换为颜色代码的网站来获取此信息。

Answer 8

获取浏览器默认样式的最佳方法是首先不要对元素进行样式设置。

Answer 9

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

.example {
    border: 1px solid currentColor;
}

Answer 10

默认的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)

Answer 11

使用 revert css 关键字。

a {
    color: revert;
}

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

Answer 12

已访问 - #660199

未访问 - #1a0dab