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

161

我需要它的代码表示形式，例如#FFFFFF。

html css

— 法案
source

4

在什么浏览器中？（没有定义的“标准”。）

— 约翰·帕克

6

该问题可以解释为与实际的浏览器实践和建议有关。尤其是现在HTML5即将对颜色进行标准化（作为“预期的渲染”）时，这个问题就成为话题，应该重新讨论。需要注意的是得票最多的回答也并不符合当前的做法和HTML5 CR。

— Jukka K. Korpela 2013年

1

@Jukka K. Korpela-还请注意，“获得最高票数的答案”是一个移动的目标。用心良心，但请参阅特定答案。

— Nicolas

205

从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。目前尚无关于在Spartan项目中是否会改变的消息-当前，它仍然反映与IE最新版本相同的值。

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

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

— BoltClock
source

谢谢，但是mozilla，safari（即chrome）是否有一些普通代码？不仅仅是默认的“蓝色”？我需要所有链接样式（访问，悬停）都为默认样式。

— Bill

91

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

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

— 卡斯珀·克莱恩（Caspar Kleijne）
source

13

我不确定为什么有66个人只是接受了这个答案。即使这些值确实来自某个标准，对此答案也没有提供任何来源，但正如该答案所暗示的那样，该标准早就已经过时了，并且在新代码中使用它将毫无意义。

— BoltClock

@stom：看起来应该是一个单独的答案。即使您要使其成为源链接，也不是有效的源，因为此处的三个值均未出现。

— BoltClock

16

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

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

资源

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

— 尼尔
source

4

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

— 披哈
source

3

我已经习惯了Chrome的颜色，因此Chrome for link中的蓝色是 #007bff

— 格兰迪亚
source

1

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

— Femaref
source

1

对我来说，在Chrome浏览器（2018年6月更新）上，未访问的链接的颜色是＃2779F6。您始终可以通过以下方法来获得此效果：放大非常近的距离，拍摄屏幕截图，然后访问html-color-codes.info这样的网站，该网站会将屏幕截图转换为颜色代码。

— 罗素·佩卡拉
source

0

使浏览器具有默认样式的最佳方法是一开始根本不设置元素的样式。

— 杰夫苏斯
source

3

问题在于，有时样式来自库。我们刚刚注意到jQuery UI的默认样式表包含.ui-widget-content a { color: black; }，因此选项卡中的任何链接都会失去其正常的颜色。我想重写它，只获取浏览器的默认颜色（或用户的个人样式表），但是我必须对特定颜色进行硬编码。

— Barmar 2012年

2

您可能想知道RGB值的另一刻是，是否要包含与链接颜色匹配的图形

— marcelnijman 2013年

0

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

.example {
    border: 1px solid currentColor;
}

— 多米尼克
source

0

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

— 库马尔
source