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

我正在使用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 …并确保您没有编辑超出您认为的其他文件。