如何从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

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