Question

附带的屏幕截图来自OS X / Firefox 3.请注意，中心选项卡（图像）周围有一条虚线，显然是因为它是最近选择的选项卡。有没有办法可以消除CSS或JavaScript中的虚线？（嗯......免费的图像托管服务减少了图像的大小。但是如果你能看到它，你会注意到块周围的虚线选择区域。）

Answer 1

您需要在css中添加以下行：

a:active, a:focus { outline-style: none; -moz-outline-style:none; }

（当然，假设您的标签是使用a元素完成的。）

[edit]根据其他人的要求，对于未来的观众，应该注意的是，大纲对键盘导航器至关重要，因为它指定了您的选择位置，因此，提示您的位置下一个'标签'可能会去。因此，不建议删除此虚线选择。但是，如果您认为有必要，了解如何做到这一点仍然很有用。

如评论中所述，如果您只处理FF＆gt; v1.5，随意省略-moz-outline-style：none;

Answer 2

在你的onclick事件中，this.blur（）

或者，特别是将焦点设置在其他地方。

Answer 3

首先，试试这个

*,*:hover,*:focus,*:active { outline: 0px none; }

但这会降低可用性。

您需要选择性地应用替代效果，以便让那些主要使用TAB键导航的人知道当前关注的内容。

div.foo:active, 
div.foo:focus, 
div.foo:hover
{  
  /* Alternative Style */
}

Answer 4

您可以从查看：focus和：active伪类开始，尽管您可能不应该从这些情况中完全删除任何格式，因为它们是非常宝贵的可用性辅助。

Answer 5

使用

*:focus {outline:0px;}

使用鼠标选择时，

将删除输入和textareas的样式。如果您选择删除所有轮廓，请确保为这些表单项添加带有边框的这些样式：focus。