CSS：悬停状态在返回后保持活动状态（Firefox）

我尝试将两种不同的样式应用于链接：悬停时和未悬停时。虽然这在Chrome和Opera中完美运行，但当我按照Firefox或Midori中的链接，然后通过单击导航栏中的“返回”按钮返回时，链接仍然显示为正在悬停。只要我将光标移回网站的任何部分，它就会恢复正常。CSS：悬停状态在返回后保持活动状态（Firefox）

这是一个webkit相关的行为，有没有什么办法可以避免它？

编辑：

我发现了一个下拉菜单的Mozilla官方演示（这是我真正想要做），有相同问题：https://mdn.mozillademos.org/files/3700/css_dropdown_menu.html

单击菜单选项，当然后返回，之前打开的子菜单仍然打开，直到鼠标悬停在该站点上。

来源

2014-01-19 Rakksor

Mozilla演示程序没有正常运行的链接，因此很难重现您正在谈论的场景。我建议在JSFiddle或类似的东西中快速地将一些东西扔在一起，这样这里的好人可以更好地帮忙。 – htmlmonkey

您是否尝试过使用所需颜色设置伪选择器？ Smt是这样的：http://jsbin.com/viwuhemiqi请让我知道它是否有帮助。谢谢。 – GibboK

按照LOVEHATE规则。 LOVEHATE是帮助记忆链接，访问，悬停和活动的助记技巧。你的风格应该总是规定这些链接状态的每一个，并始终按照这个特定的顺序。例如：

a:link {color: #333;} 
a:visited {color: #333;} 
a:hover {color: #999;} 
a:active {color: #333;}

来源

2015-07-10 15:38:51

CSS：悬停状态在返回后保持活动状态（Firefox）

回答

相关问题