如何从jquery手风琴中删除活动轮廓？

Question

我正在使用Jquery Accordion。活动链接具有轮廓。 我尝试过使用css：

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

以及

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

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

Answer 1

您需要弄清楚窗口小部件正在应用的选项卡元素的类。例如，

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

适用于最新版本的jQuery UI，但在1.6之类的早期版本中，你需要使用它：

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

Answer 2

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

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

Answer 3

到目前为止，我只看到过标题标签。要删除它，请添加代码

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

Answer 4

如果您正在使用jQueryUI的Accordion http://jqueryui.com/demos/accordion/，那么这些类型的轮廓应该没有问题。如果你这样做，你可以做以下事情：

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

事实上，这种方法几乎适用于任何手风琴插件 - 只需确保修改选择器以定位负责扩展/折叠数据面板的链接。

Answer 5

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

Answer 6

排序方法：

将css修改为 - ui-state-focus

Answer 7

请务必偶尔按F5 ...并确保您没有编辑超出您认为的其他文件。