如何消除<a> tag</a>周围可怕的矩形

Question

我正在开发一个网站，到处都有这个烦人的问题......我想知道其他网站怎么没有这个问题......有什么建议吗？ stackoverflow有这个问题，因为我看到... http://inath.gr/这个网站例如在顶部菜单中，虽然它有<a>个标签，但是当以某种方式选择时，它没有任何矩形。

Answer 1

CSS outline property：

您可以使用以下方式将其关闭：

<style type = "text/css">
    a {outline:0;} /*this is that dotted line you get when you select an image, I believe you're talking about the outline*/
    a img {border:0;} /*Images in links default to having a blue border, so this could be the source of another annoying rectangle*/
</style>

Answer 2

以下被认为更好，因为它允许用户仍然通过键盘导航。

这是一个解释原因的链接： http://people.opera.com/patrickl/experiments/keyboard/test

a:hover, a:active { outline: none; }