Как удалить активный контур из аккордеона 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, но в более ранней версии, такой как 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, http://jqueryui.com/demos/accordion/,, у вас не должно быть проблем с этими типами контуров.Если вы все же это сделаете, вы можете сделать следующее:

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

Фактически, этот метод будет работать практически с любым плагином гармошки - просто убедитесь, что селектор изменен так, чтобы нацеливать ссылки, отвечающие за расширение / свертываниепанели данных.

Answer 5

SORTED:

изменить CSS на - ui-state-focus

Answer 6

Обязательно нажимайте F5 время от времени ... и убедитесь, что вы не редактируете другие файлы, чем вы думаете.

Answer 7

Когда мне нужно переопределить стили, применяемые элементами пользовательского интерфейса jQuery, я обычно добавляю таблицу стилей, которую загружаю после таблицы стилей пользовательского интерфейса jQuery, и помещаю в нее свои переопределения, используя те же селекторы, чтобы я знал, что мои стили будут иметь приоритет,В этом случае найдите стили, связанные с аккордеоном или состоянием виджета, и переопределите их.