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

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的处理前Anakin)

每个字母代表一个伪类:(链接,访问,悬停,焦点,活动)

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;
}

应该注意的是,并非所有浏览器都尊重这些选项;-)

Answer 2

我认为这适合您拥有的任何颜色:

a {
    color: inherit;
}

Answer 3

just give

a{
color:blue
}

even if its is visited it will always be blue