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

给予

a{
color:blue
}

即使访问它也总是蓝色

Answer 4

您需要为#000 - 属性使用显式颜色值（例如blue或color）。 none在此无效。初始值是特定于浏览器的，无法使用CSS进行恢复。请记住，还有一些其他伪类，而不是:active。

Answer 5

不要过分复杂化。只需使用标记为链接指定颜色即可。它会留下恒定的颜色，即使你点击它也不会改变。所以在你的情况下，只需将其设置为蓝色。如果将其设置为只想要复制的特定颜色的蓝色，则可以按＆＃34; print scrn＆＃34;在键盘上，粘贴颜料，使用颜色选择器（形状为滴管）选择链接的颜色并在颜色设置中查看代码。

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

5 个答案: