如何摆脱选择框的左右我的选择

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>