2011-01-23 47 views
110

我需要它的代码表示,如#FFFFFF默认的HTML/CSS链接颜色是什么?

+3

在什么浏览器? (没有定义“标准”。) –

+5

该问题可以解释为将实际的浏览器实践和建议相关联。特别是现在,HTML5即将标准化颜色(如“预期呈现”),问题在于主题,应该重新打开。请注意,大多数投票的答案都不符合当前的做法和HTML5 CR。 –

+0

@Jukka K. Korpela - 还要注意“最具票数的答案”是一个移动的目标。意图很好,但请参阅具体的答案。 – Nicolas

回答

143

作为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。目前还没有关于这个项目是否会在斯巴达项目中发生变化的言论 - 目前它仍然反映出与最新版本IE相同的价值。

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

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

+0

谢谢,但有没有一些平均的代码为Mozilla,safari,即铬?不只是默认的“蓝色”?我需要所有链接样式(已访问,徘徊)默认样式.. – Bill

1

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

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

,这是一个标准,但每重不同浏览器现在。 (因为尼尔森放弃了;)

+6

非常感谢。 2年后,这是我正在寻找的确切答案。 – Thumbz

+11

我不知道为什么66人只是接受了这个答案。即使这些值确实来自一个标准,但对于这个标准,这个答案没有提供任何资料,因为这个答案意味着这个标准早就过时了,并且在新代码中使用它将毫无意义。 – BoltClock

+0

@stom:看起来应该是一个单独的答案。即使你的意思是它是一个源代码链接,它也不是一个有效的源代码,因为这里没有三个值出现在那里。 – BoltClock

4

按照official default HTML stylesheet,没有定义的默认链接的颜色。但是,您可以通过在任何像样的图形编辑器中使用截图和使用移液器工具或使用浏览器的开发工具(选择a元素,查找computed values>color)来找到浏览器使用的默认设置。

0

在某物上获得浏览器的默认样式的最佳方式是首先不要样式化该元素。

+3

问题是,有时样式来自库。我们只注意到jQuery UI的默认样式表包含'.ui-widget-content a {color:black; },所以标签中的任何链接都会失去正常的颜色。我想覆盖它,只是得到浏览器的默认颜色(或用户的个人样式表),但相反,我必须硬编码特定的颜色。 – Barmar

+2

您可能想要了解RGB值的另一时刻是如果您想要包含与链接颜色相匹配的图形 – marcelnijman

14

在壁虎的默认颜色,假设用户并没有改变自己的喜好,分别是:

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

Source

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

0

在CSS中,你可以使用颜色字符串currentColor链接,例如内使边框相同的颜色作为默认的链接颜色:

.example { 
    border: 1px solid currentColor; 
} 
0

我用Chrome的颜色 所以蓝色的Chrome链路是#007bff

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) 
相关问题