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

我需要它的代码表示,如#FFFFFF

427162 次浏览

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

从HTML5开始,超链接的前景色,以及其他东西,都在以预期默认呈现行为的准则的形式进行标准化。特别是,根据“措辞内容 ”部分,未访问和已访问的超链接的建议默认颜色如下:

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

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

您可以使用这些默认颜色并合理地,希望它们正常工作。但请记住,浏览者可以随意忽略任何或所有这些准则,因为ABC__1从未__遵守这些准则。然而,对于跨浏览器的一致用户体验(这是在此上下文中定义“预期”的方式),推荐,因此很有可能,这些颜色将对应于大多数浏览器的默认值。在最坏的情况下,它们仍然作为合理的__ABC__实际值的4。

特别是,最新版本的Firefox和Chrome浏览器中默认的未访问链接和已访问链接颜色与上述准则一致,但最新版本的IE报告不同的值:未访问链接rgb(0, 102, 204),或#0066CC,已访问链接rgb(128, 0, 128),或#800080。旧版本的Firefox(可能还有Safari/Chrome)也有不同的默认设置。然而,这些都是旧版本。据我所知,今天的主要异类是IE.目前还没有消息表明Project Spartan是否会改变这一点——目前它仍然反映了与IE最新版本相同的价值观。

如果你正在寻找一个标准化的配色方案,__所有浏览器的ABC__0,而不是HTML5建议的,那么没有一个。也没有办法使用纯CSS将特定元素上的特定属性恢复为浏览器的默认值。你要么使用HTML5建议的颜色,要么设计自己的配色方案并使用它。无论浏览器是什么,这两个选项中的任何一个都将优先于浏览器的默认值。

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

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

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

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

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

Gecko中的默认颜色(假设用户未更改其首选项)为:

  • 标准链接:#0000EE(蓝色)
  • 已访问链接:#551A8B(紫色)
  • 活动链接:#EE0000(红色)

来源

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

在CSS中,您可以在链接内使用ABC__0的颜色字符串__,例如使边框的颜色与默认链接颜色相同:

.example {
border: 1px solid currentColor;
}

我习惯了铬的颜色。 因此,Chrome中用于链接的蓝色#007bff

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

对我来说,在Chrome(2018年6月更新)上,未访问链接的颜色是#2779F6。你可以通过放大屏幕,截屏,然后访问像HTML-color-codes.info这样的网站,将屏幕截图转换为颜色代码。

使用还原 CSS关键字。

a {
color: revert;
}

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

已访问-#660199 Visited - #660199

未访问-#1a0dab Unvisited - #1a0dab