如何从jquery accordion中删除活动大纲？

我正在使用Jquery手风琴。活动链接有一个大纲。 我尝试过使用css：

#accordion a:focus
 { outline: none; }
#accordion a:active 
{outline: none; font-weight:bold;}

而且

#accordion a:-moz-any-link:focus 
{ outline: none; }

---

这些似乎都不起作用。有人可以建议设置或其他选项来删除活动链接周围的虚线轮廓吗？

当我需要覆盖jQuery UI元素应用的样式时，我通常会在jQuery UI样式表之后添加一个加载的样式表，并将覆盖放在其中，使用相同的选择器，以便我知道我的样式优先。在本例中，查找与accordion或小部件状态关联的样式并覆盖它们。

如果您使用的是jQueryUI的accordion，那么这些类型的轮廓应该不会有问题。如果您是，您可以执行以下操作：

$(".ui-accordion-header a").click(function(){
  $(this).blur();
});

---

事实上，这种方法适用于几乎所有的手风琴插件——只需确保修改选择器以指向负责展开/折叠数据面板的链接。

确保偶尔按F5一次。。。并确保您没有编辑您认为正确的其他文件。

已排序：

---

将css修改为-ui状态焦点

将此添加到css样式表中，它将处理模糊/焦点轮廓：

#accordion .ui-state-focus{
    outline: none;
}

---

您需要确定小部件应用的tab元素的类。比如说,

.ui-state-focus { outline: none; }

适用于最新版本的jQuery UI，但在早期版本（如1.6）上，您需要使用：

.ui-accordion-header {outline: none;}

---

到目前为止，我只在标题标签上看到过这种情况。要删除它，请添加代码

h1, h2, h3, h4{outline:none;}

---

大约有20个accordion插件，你能提供一个链接吗？PS:outline:none在可访问性方面通常不是一个好主意：我喜欢这个解决方案是针对accordion的，不会影响其他jquery脚本+1.