css - 单击链接时不要更改链接颜色

Question

我在 HTML 页面中有一个链接:

<a href="#foo">foo</a>

链接文字的颜色原本是蓝色的。单击链接时，链接文本的颜色先变为红色，然后再变回蓝色。我希望链接文本的颜色在用户单击时不会改变。我怎样才能实现它？

我试过了

a:active {
    color: none;
}

在 CSS 中，但运气不好。

而且我不想在 CSS 中使用它:

a:active {
    color: blue;
}

，因为链接文本的原始颜色可能不是蓝色。

谢谢。

编辑:页面显示在 iPhone 浏览器上，我想做一个:active 以保持原始链接文本颜色。

Answer 1

你正在寻找这个:

a:visited{
  color:blue;
}

链接有几种您可以更改的状态...我记得它们的方式是 LVHFA(Lord Vader's Handle Formerly Anakin)

每个字母代表一个伪类:(Link,Visited,Hover,Focus,Active)

a:link{
  color:blue;
}
a:visited{
  color:purple;
}
a:hover{
  color:orange;
}
a:focus{
  color:green;
}
a:active{
  color:red;
}

如果您希望链接始终为蓝色，只需将它们全部更改为蓝色即可。我会注意到，虽然在可用性级别上，如果鼠标单击导致颜色稍微改变(即使只是更浅/更深的蓝色)以帮助指示链接实际被单击(这在触摸屏界面，您并不总是确定点击是否实际注册)

如果您有不同类型的链接，您希望它们在单击时都具有相同的颜色，请为这些链接添加一个类。

a.foo, a.foo:link, a.foo:visited, a.foo:hover, a.foo:focus, a.foo:active{
  color:green;
}
a.bar, a.bar:link, a.bar:visited, a.bar:hover, a.bar:focus, a.bar:active{
  color:orange;
}

需要注意的是，并非所有浏览器都尊重这些选项；-)