Как удалить активный контур из 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; }

Ничто из этого не работает. Может ли кто-нибудь сообщить настройку или другую возможность удалить пунктирную линию вокруг активных ссылок?

Ответ 1

Вам нужно выяснить класс элемента табуляции, который применяется виджетами. Например,

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

работает с самой последней версией jQuery UI, но в более ранней версии, такой как 1.6, вам нужно будет использовать это:

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

Ответ 2

Добавьте это в таблицу стилей CSS, и она позаботится о схеме размытия/фокуса:

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

Ответ 3

Я видел это только с тегами заголовков. Чтобы удалить его, добавьте код

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

Ответ 4

Если вы используете jQueryUI Accordion, http://jqueryui.com/demos/accordion/, у вас не должно быть проблем с этими типами контуров. Если это так, вы можете сделать следующее:

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

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

Ответ 5

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

Ответ 6

SORTED:

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

Ответ 7

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