问题 - 浏览器在活动链接上添加虚线边框

Question

我总是想知道如何摆脱覆盖活动链接的虚线边框。 我试过a:active { border:0;outline: none; }但它没有用。我不认为这是一个边框，这是chrome添加的东西，也是firefox，即添加它们自己的形状。

任何帮助都会得到真正的赞赏。 我的代码：

<ul class="footer-links">
<li id="main" class="icon-bookmark">help</li>
<a href="/forums/forum/discussions/#new-post"><li class="icon-pencil">new topic</li></a>
<a href="/contact"><li class="icon-chat">contact</li></a>
<a href="/forums/search/"><li class="icon-search">search</li></a>
<a href="/report"><li class="icon-flag">report</li></a>
</ul>

我的链接（如果需要）：http://dvforum.elegance-style.com

截图：

Answer 1

使用：focus class。

a:focus{ outline:none; }

但是，您应该考虑为此类添加替代样式，因为纯粹禁用它会妨碍可用性。