使用来自jQuery UI的Accordion,我在最后点击的链接周围得到了一个不需要的蓝色突出显示

Question

我正在使用jQuery UI中的Accordion小部件.

每当我单击标题以展开某个部分时,该标题(实际上是h3元素内的链接)都会突出显示.在Chrome中,它有一个蓝色突出显示,就像它是表单中当前选定的字段一样.

我需要摆脱蓝色突出显示,所以我将下面的代码混合在一起,到目前为止它似乎工作.

但是,我想知道在jQuery中是否有更好/更清晰的方法来做到这一点.这是正确的吗？？

$(function() {
  $( "#mainnav" ).accordion().blur($('#mainnav'));
});

Answer 1

毕竟我不需要jQuery来解决这个问题(.blur()似乎没有用).

jQuery class = "ui-state-focus"在html 中添加了一个,所以我使用CSS来表示这个类不应该被概述/突出显示,就像这样......

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