什么是默认的HTML / CSS链接颜色?
我需要它的代码表示,如#FFFFFF
。
从HTML5开始,超链接的前景颜色,以及预期默认呈现行为的准则forms正在标准化的轨道上。 特别是从Phrasing内容部分中,对于未访问和访问的超链接推荐的默认颜色如下:
:link { color: #0000EE; } :visited { color: #551A8B; }
请注意,对于活动超链接( :link:active, :visited:active
),不存在推荐的默认值。
您可以使用这些默认的颜色,并合理地期望他们的工作。 但请记住,浏览器可以自由地忽略任何或所有这些指导方针,因为从不需要遵循这些方针。 但是, build议跨浏览器使用一致的用户体验(在此情况下,“预期”是如何定义的),因此这些颜色可能与大多数浏览器的默认设置相对应。 在最坏的情况下,它们仍然是实际值的合理近似值 。
特别是Firefox和Chrome最新版本的默认未访问和已访问的链接颜色与上述指导方针是一致的,但最近版本的IE报告不同的值:未访问的链接是rgb(0, 102, 204)
#0066CC
rgb(0, 102, 204)
或#0066CC
,访问过的链接是rgb(128, 0, 128)
#800080
rgb(128, 0, 128)
或#800080
。 老版本的Firefox(也可能是Safari / Chrome)也有不同的默认值。 那些是旧版本,但是; 今天我知道的主要exception是IE。 目前还没有任何关于这个项目是否会在斯巴达项目中发生变化的言论 – 目前它仍然反映出与最新版IE相同的价值。
如果您正在寻找一种由所有浏览器使用的标准化配色scheme,而不是HTML5所build议的scheme,那么就没有一个。 也没有一种方法可以使用纯CSS恢复特定元素的特定属性的浏览器默认值。 您将不得不使用HTML5build议的颜色,或者devise自己的配色scheme并使用它。 无论浏览器如何,这些选项都优先于浏览器的默认值。
如果有疑问,您可以随时使用我前面介绍的about:blank
技术来嗅出默认颜色,因为它现在仍然适用。 例如,您可以使用它来嗅探所有浏览器中的活动链接颜色; 在Firefox的最新版本(本次更新为29)中,它是rgb(238, 0, 0)
#EE0000
rgb(238, 0, 0)
或#EE0000
。
- 标准链接 – #0000FF //蓝色
- 访问过的链接 – #800080 //紫色
- 活动链接 – #FF0000 //红色
这是一个标准,但现在每个浏览器差异很大。 (因为尼尔森放弃了;)
Gecko默认的颜色,假设用户没有改变他们的喜好,是:
- 标准链接:
#0000EE
(蓝色) - 访问链接:
#551A8B
(紫色) - 主动链接:
#EE0000
(红色)
资源
Gecko还提供用户颜色的名称; 他们是-moz-hyperlinktext
-moz-visitedhyperlinktext
和-moz-activehyperlinktext
,他们还提供了-moz-nativehyperlinktext
这是系统链接的颜色。
根据官方默认的HTML样式表 ,没有定义默认的链接颜色。 但是,您可以通过在任何体面的graphics编辑器中使用移液器工具或使用浏览器的开发人员工具(selecta
元素,查找computed values>color
)来find浏览器使用的默认computed values>color
。
完全取决于您正在访问的网站,并且在浏览器上没有覆盖网站。 这没有标准。
获得浏览器默认样式的最好方法是首先不要样式化元素。
在CSS中,您可以使用链接中的颜色stringcurrentColor
来使边框与默认链接颜色的颜色相同:
.example { border: 1px solid currentColor; }