Как я удаляю активную схему из аккордеона jQuery?
Я использую Аккордеон JQuery. Активный канал имеет схему. Я попытался использовать CSS:
#accordion a:focus
{ outline: none; }
#accordion a:active
{outline: none; font-weight:bold;}
и также
#accordion a:-moz-any-link:focus
{ outline: none; }
Ни один из них, кажется, не работает. Кто-либо может советовать установке или другой опции удалить точечную схему вокруг активных каналов?
6 ответов
Сортировано:
Изменить CSS до - UI-государственный фокус
Обязательно нажмите F5 один раз в то время как и убедитесь, что вы не редактируете другие файлы, чем вы думаете.
Если вы используете аккордеон jQueryUI, http://jqueryui.com/demos/accordion/, у вас не должно быть проблем с этими типами очертаний. Однако, если это так, то можно сделать следующее:
$(".ui-accordion-header a").click(function(){
$(this).blur();
});
На самом деле, этот метод будет работать практически с любым плагином аккордеона - просто не забудьте модифицировать селектор так, чтобы он нацеливал ссылки, отвечающие за разворачивание/складывание панелей с данными.
Когда мне нужно переопределить стили, применяемые элементами jQuery ui, я обычно добавляю styleshe листа, которую я загружаю после стилей jQuery ui stylesheet и переопределил его, используя те же самые селекторы, чтобы я знаю, что мои стили будут иметь приоритет. В этом случае ищите стили, связанные с аккордеоном или состоянием виджета и переопределять их.
Добавьте это в свою таблицу стилей CSS, и он позаботится о размытии / фокусировке контура:
#accordion .ui-state-focus{
outline: none;
}
Вам нужно выяснить класс элемента вкладки, применяемый виджетом. Например,
.ui-state-focus { outline: none; }
работает на последней версии jQuery UI, но на более ранней версии, например 1.6, вам нужно использовать следующее:
.ui-accordion-header {outline: none;}