（CSS？）？

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

---

在onclick事件中，此.blur

---

或者，专门在其他地方设置焦点。

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

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

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

当然，假设选项卡是使用a元素完成的

[编辑]根据其他人的要求，对于本书的未来读者，应该注意的是，大纲对于键盘导航器至关重要，因为它指明了您的选择位置，并提示您的下一个“选项卡”可能会去哪里。因此，删除此虚线选择是不明智的。但是，如果你认为有必要，知道你将如何做仍然是有用的

---

正如在一篇评论中提到的，如果您只处理FF>v1.5，可以省略-moz大纲样式：无

首先，试试这个

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

然而，这将降低可用性

您将希望有选择地在相关的地方应用替代效果，以便让人们（例如主要使用TAB键导航的人）了解当前的焦点

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

使用

---

当用鼠标选择时，将删除输入和文本区域的样式。如果您选择删除“聚焦”上的所有轮廓，请确保在这些样式的后面为这些表单项添加边框。

该死，你们太快了！谢谢BoltBait和Geoff。这是第一个很好的答案，但我改用了davebug的CSS解决方案。正如Kent在下面提到的，小心点，使用Tab键浏览网站的人可能会降低可用性。是的，我之前也说过这一点，我认为应该对davebug的答案进行编辑以反映这一点。由于键盘导航注释，我也更喜欢此解决方案而不是CSS。From：从Mozilla 1.8/Firefox 1.5开始，还支持标准CSS 2.1大纲样式属性。与-moz-outline-style相比，使用outline样式更可取。那么“选择”元素呢？图像似乎消失了

*:focus {outline:0px;}