用CSS覆盖Web浏览器上的默认链接颜色的方法

2019-01-30 15:26:05 | 阅读：2882

在网站设计制作中，如果没有对链接颜色进行定义或设置，则所有Web浏览器都使用默认的链接颜色。这些与链接相关的颜色包括：

另外，虽然大多数浏览器在默认情况下不会改变这一点，但您也可以定义悬停颜色，当鼠标停留在链接上时链接显示的颜色。所以可以肯定的是，即便浏览器有模式的链接样式，我们仍旧可以通过CSS样式表将其更新。本文写作的目的就是告诉你一些方法，一些用CSS覆盖Web浏览器上的默认链接颜色的方法。

使用CSS更改链接颜色

若要更改这些颜色，请使用层叠样式表。更改链接颜色的最简单方法是设置标签的样式：

a { color: black; }

使用此CSS，某些浏览器将链接的所有方面(活动、跟随和悬停)更改为黑色，而其他浏览器仅更改默认颜色。

使用CSS伪类更改链接的所有部分。

在CSS中，伪类在类名之前用冒号(：)表示。四个伪类影响链接：

要更改默认链接颜色，请执行以下操作：

a:link { color: red; }

要更改活动颜色，请执行以下操作：

a:active { color: blue; }

要更改后面的链接颜色，请执行以下操作：

a:visited { color: purple; }

要将鼠标悬停在颜色上，请执行以下操作：

a:hover { color: green; }

其它考虑因素

避免覆盖默认的链接颜色，以使链接更难找到。例如，在白色背景下将链接更改为非常浅的颜色会对视力受损的访问者产生不利影响。目标是为活动的和跟随的链接颜色分别设置颜色，以确保站点访问者不会对他们访问过的页面感到困惑。

热门资讯