jQuery UI选项卡演示如何隐藏虚线焦点框？

Question

如果你转到the jQuery UI tabs demo，当你点击一个或另一个标签时，样式会发生相应的变化，特别是你没有得到令人讨厌的虚线焦点框，它会破坏标签标题的外观

但是，该功能似乎没有包含在选项卡的Javascript或CSS中。恼人的焦点框出现在我正在开发的页面上，而我不是唯一一个;它也出现在 sample vertical tabs demo 上另一个问题链接到（编辑2013年2月4日：该链接现在被打破。:(）。

我已经查看了演示页面上提供的代码和该页面的完整源代码，它的CSS页面和当前版本的jQuery UI标签代码，并且无法弄清楚如何它正在这样做。

我最好的猜测是，通过摆弄＆lt; li＆gt;的其中一个盒子属性的大小，它以某种方式完成了。或者＆lt; a＆gt;选项卡标题中的元素，但我真的没有看到它。

如果你知道它是如何完成的，你能解释清楚吗？

ETA：由几个问题提示，我只是进一步检查，它似乎只发生在Firefox 8.0.1（及早期？很难说）。 - 没有其他浏览器似乎在该网站上显示焦点框;这是否意味着它是一个（自固定的）Firefox漏洞？即便如此，这并不能解释为什么它会在一个页面而不是另一个页面上发生。

ETA（2）：我真的很感激人们对我将如何/应该如何做的建议，但我应该澄清那不是我要问的。我已经读过其他地方（主要是在这里的其他问题）关于摆脱那个盒子的方法，并且熟悉我到目前为止所看到的那些（再一次，不要太少欣赏这些努力和想法）。我感兴趣的是它是如何在jQuery UI选项卡演示中专门完成的，因为 - 据我所知 - 它没有做任何这些事情。

编辑，2013年2月4日： 当我转到jQuery UI选项卡演示时，我现在看到选项卡内部元素周围的虚线。当我看到这种现象时，我不知道我使用的浏览器是否存在缺陷（似乎很可能，因为其他人似乎没有看到它），或者是什么。无论如何，我想这个问题没有实际意义。

我真的很感激每个花时间冒险回答的人。谢谢！

Answer 1

使用它：

/* remember to define focus styles! */
:focus {
    outline: 0;
}

结帐：http://www.outlinenone.com/

Answer 2

尝试使用Javascript＆＃39; .blur()方法。

Answer 3

也许您可以尝试将焦点放在其他元素上，例如输入框，文本区域或链接

Answer 4

在你的css中设置outline:none

Answer 5

将outline:none添加到a:active CSS，但这在早期版本的IE中不起作用。要确定您还需要将.blur()添加到制表符切换事件中。