如何摆脱我的选择周围的选择框

Question

我正在尝试为自己创建一个网站，并且遇到了这个问题：

正如您所看到的那样，在两个图像中都可以看到某种选择我不想显示。

单击菜单项后拍摄第一张图像。 当我另外将鼠标移到第一张图像上时，第二张图像是在第一张图像之后拍摄的。

这些菜单项显示在表格中。 我正在使用FireFox 3.6.10。

有人知道如何摆脱这些选择吗？

Answer 1

查看outline CSS property。在这种情况下，您应为链接指定outline: none。轮廓表明给定元素具有焦点。您应该提供一些东西，以使键盘导航成为可能。

Answer 2

如果您在用户点击链接时从链接中删除焦点，您将有效地摆脱该框。然而，许多人建议不要这样做，因为它被认为是不好的做法，并且不是很容易获得。

无论如何，如果你想这样做并且不介意JQuery，你可以使用它：

$('a').click(function () { $(this).blur() });

正如“难以捉摸”指出的那样，您也可以使用CSS outline属性来阻止它，但这并不适用于所有浏览器。 （阅读：IE7及更早版本。）

Answer 3

嗯，你可以尝试将边框设置为0，我认为应该可行。 只需在链接上设置class ='noborder'即可。

<style type='text/css'>
    a.noborder {
        border: 0;
    }
</style>