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

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

Answer 2

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

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

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

Answer 3

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

Answer 4

SORTED:

изменить CSS к - щ-государственного внимания

Answer 5

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

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

Answer 6

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

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

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

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

Answer 7

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

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