Question

有链接。有了这种风格：

a {
  color: #999;
  &:hover { color: #008da0; }
  &:visited { color: #999; } /* I added this to test if it's gonna fix it, but it didn't */
}

当我点击链接时 - 它变成蓝色。它一直是蓝色的，直到我点击其他地方。所以它是一些突出的东西。或者它可能是悬停在浏览器中的悬停颜色，不知道。当我点击链接时，它会变成灰色，就像它应该的那样。

这是一段视频：http://youtu.be/EcTmJ_H4ozE

Answer 1

好吧，我读过this并没有任何帮助。所以我尝试了:link，:active，:visited＆amp;发布前:hover。我确实检查了它，但是一旦我右键单击它变成了灰色，CSS似乎显示它是灰色的。所以我做了研究）问题出在a:focus。为了不仔细阅读，Downvoters得到了他们的业力，但

Answer 2

你需要jQuery，这是一个样本。

jQuery(document).ready(function(){
  jQuery('yourlink').click(function(){
        jQuery(this).toggleClass('active');
  });
});

<style>
.yourlink.active {color:gray}
<style>

如何在点击后更改链接颜色？

2 个答案: