css - Chrome链接错误，添加甚至没有定义的样式（我认为）

Question

在我的网站上，我有如下链接，（为了方便而缩短）

<a><h2 class="playerBar"></h2></a>

有问题的 css 规则是，

.playerBar {border: 1px solid #222;}

这是访问链接之前的样子，

http://www.images.novactown.com/eg1.png

请注意，它位于“朋友”选项卡上。

要创建错误效果，请单击第一个h2，它将带您进入该人的帐户页面。一旦将选项卡从帐户切换到朋友，然后再次单击第一个 h2，再次将选项卡切换到朋友，你会得到类似的东西......

http://www.images.novactown.com/eg2.png

我试过设置a:visited但没有任何反应，而且它只发生在 chrome 中（在 IE 和 MOZ 中测试）

这是问题的链接

http://www.novactown.com/account?id=1#_friends

（此外，此错误仅在从“帐户”选项卡开始时发生，然后如果您从一开始就加载“朋友”选项卡，则切换到“朋友”选项卡一切正常）

是什么原因造成的，我该如何解决？

谢谢

Answer 1

所以它outline-color: red;在你的锚标签上呈现。

我会尝试设置outline:0，或 outline-color: none;在您的 li/anchor 上。