jquery - 如何从 jquery 手风琴中删除活动大纲？

Question

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

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

并且

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

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

score 22 · Accepted Answer

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

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

适用于最新版本的 jQuery UI，但在 1.6 等早期版本上，您需要使用以下命令：

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

score 9 · Accepted Answer

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

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

score 3 · Accepted Answer

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

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

score 1 · Accepted Answer

如果您使用 jQueryUI 的 Accordion，http://jqueryui.com/demos/accordion/，您应该不会对这些类型的轮廓有问题。如果您是，您可以执行以下操作：

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

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

score 0 · Accepted Answer

0

排序：

将 CSS 修改为 - ui-state-focus

于 2010-01-18T16:10:28.850 回答

score 0 · Accepted Answer

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

score -1 · Accepted Answer

-1

确保不时按 F5 ... 并确保您没有编辑您认为的其他文件。

于 2010-01-18T15:47:54.567 回答

7 回答 7