Как удалить активный контур из 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 один раз... и убедитесь, что вы не редактируете другие файлы, чем вы думаете.