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

Question

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

Answer 1

从 HTML5 开始，超链接的前景色以及其他内容正在以预期默认呈现行为的指南形式进行标准化。 特别是，从短语内容部分中，未访问和访问过的超链接的推荐默认颜色如下：

: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 。

Answer 2

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

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

Answer 3

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

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

来源

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

Answer 4

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

Answer 5

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

Answer 6

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

Answer 7

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

Answer 8

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

.example {
    border: 1px solid currentColor;
}

Answer 9

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

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