如何使链接返回其正常（非活动）状态？

Question

这个想法很简单：

1. 在悬停时将li背景颜色更改为一种颜色

   ul#menu li a:hover {...}
   

2. 在鼠标按下时将其更改为其他颜色

   ul#menu li a:active {...}
   

3. 如果链接既没有悬停也没有按下，则将颜色恢复为原始颜色（正常）

问题似乎是，如果用户拒绝了他的意图并让鼠标离开链接，背面的颜色就像被按下一样（即a:active）。

所以看起来链接变为“活动”状态，即使在用户释放鼠标按钮后也会保持链接状态。

修改

这是我在海报的帮助下提出的，他试图回答这个问题：请比较这些小提琴：

1. Fiddle - working as desired
2. Fiddle - working as in real application

不同之处在于所需的小提琴没有href。添加href后，链接开始表现为不所需。他们都使用：

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#FF0000;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

，而

1. <a>LINK</a>
2. <a href="default.asp" target="_blank">LINK</a>

当然我的html中设置了href，那么我怎样才能实现小提琴＃1的行为？

所以，看起来只能使用html和css。可以使用java脚本进行任何解决方法吗？

Answer 1

我已经尝试过并且所有工作都很有魅力，您也需要访问链接的规则并将其设置为默认的未访问链接

Fiddle

Answer 2

我从你的要求中理解我认为是一个jsfiddle。

请查看 DEMO

http://jsfiddle.net/saorabhkr/Pzuwb/