jqueryui'；s选项卡演示是否隐藏虚线焦点框？

如果转到，当您单击一个或另一个选项卡时，样式会相应更改，特别是，您不会看到破坏选项卡标题外观的恼人的虚线焦点框

但是，该功能似乎没有包含在选项卡的Javascript或CSS中。恼人的焦点框出现在我正在开发的页面上，我不是唯一一个；另一个问题链接到的问题（编辑：2月4日/13日：该链接现在已断开）：（）也会出现在屏幕上

我已经浏览了演示页面上给出的代码和该页面的完整源代码、CSS页面和当前版本的jQueryUITabs代码，但不知道它是如何做到这一点的

我最好的猜测是，它是通过摆弄

的一个框属性或选项卡标题中的元素的大小来实现的，但我真的没有看到它

如果你知道这是怎么做的，你能解释清楚吗

ETA：在几个问题的提示下，我只是进一步检查了一下，这似乎只发生在Firefox 8.0.1（以及更早的版本？很难说。）-似乎没有其他浏览器在该网站上显示焦点框；这是否意味着这是一个（自修复以来）Firefox错误？即使如此，这也不能真正解释为什么它发生在一个页面而不是另一个页面上

ETA（2）：我真诚地感谢人们对我将/应该如何做的建议，但我应该澄清这不是我要问的。我在其他地方（主要是在这里的其他问题中）读过关于如何摆脱那个盒子的方法，并且熟悉到目前为止我所看到的方法（同样，我对所做的努力和所想的不那么感激）.我感兴趣的是它在jQuery UI选项卡演示中的具体实现方式，因为据我所知，它没有做任何这些事情

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

---

我真的很感谢每一位花时间尝试回答问题的人。谢谢！

尝试使用Javascript的方法。

尝试使用Javascript的方法。

也许你可以尝试将焦点设置在其他元素上，如输入框、文本区域或链接

也许你可以尝试将焦点设置在其他元素上，如输入框、文本区域或链接

在css中设置

outline:none

在css中设置

outline:none

将

outline:none

添加到

a:active

css中，尽管这在早期版本的IE中不起作用。为了确保您还需要添加

.blur（）

到选项卡切换事件。

将

大纲：无

添加到

a:active

CSS，尽管这在早期版本的IE中不起作用。要真正确保您还需要将

.blur（）

添加到选项卡切换事件。

使用以下方法：

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

签出：

使用此：

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

---

签出：

哪个浏览器？我在chrome中没有看到虚线框。我也没有在firefox 10上看到虚线框…对不起，我仍然习惯于web开发的多种平台。firefox，v8.0.1。我会在我的问题中解决这个问题。（我选中了，在chrome或IE中也没有看到轮廓。）哪个浏览器？我在chrome中没有看到虚线框。我在firefox 10中也没有看到虚线框…对不起，我仍然习惯于多种web开发平台。firefox，v8.0.1。我会在我的问题中解决这个问题。（我选中了，但在chrome或IE中也没有看到轮廓。）事实上，我已经找到了2到3种不同的方法（例如，CSS中的大纲：0）。我的问题源于演示似乎没有使用我在其他地方看到的任何技术。此外，为了它的价值（如果我错了，也许其他人可以让我知道），我读了（，例如）模糊一个有焦点的元素对那些关注可访问性的人来说是不好的。事实上，我已经找到了2到3种不同的方法（例如CSS中的大纲：0）。我的问题来自这样一个事实，即演示似乎没有使用我在其他地方见过的任何技术。还有，它的价值是什么（如果我错了，也许其他人可以让我知道），我读过（例如），模糊一个有焦点的元素对关注可访问性的人来说是不好的。