Etkin taslağı jquery akordeondan nasıl kaldırırım?

Question

Jquery Akordeon kullanıyorum. Aktif linkin bir taslağı vardır. Ben css kullanarak denedi:

#accordion a:focus 
{ outline: none; } 
#accordion a:active 
{outline: none; font-weight:bold;} 

ve ayrıca bunlardan

#accordion a:-moz-any-link:focus 
{ outline: none; } 

Yok çalışmıyor gibi görünüyor. Herkes aktif bağlantıların etrafındaki noktalı anahatları kaldırmak için bir ayar veya başka bir seçenek önerebilir mi?

Answer 1

jQuery UI öğeleri tarafından uygulanan stilleri geçersiz kılmaya ihtiyacım olduğunda, genellikle jQuery UI stil sayfasından sonra yüklediğim bir stil sayfası ekler ve benim stilleri kullanacağımı bildiğimden aynı seçiciyi kullanarak geçersiz kılmalarımı içine koyarım öncelik. Bu durumda, akordeon veya widget durumu ile ilişkili stilleri arayın ve bunları geçersiz kılın.

Answer 2

jQueryUI's Akordeon, http://jqueryui.com/demos/accordion/ kullanıyorsanız, bu tür anahatlarda sorun yaşamamış olmanız gerekir. Gerçi iseniz, yapabileceği aşağıdaki:

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

Aslında bu yöntem hemen hemen tüm akordiyon eklenti ile çalışacak - sadece/genişleyen veri çöken sorumlu bağlantıları hedef seçici değiştirmeye özen panelleri.

Answer 3

Bir defada F5 tuşuna bastığınızdan emin olun ve diğer dosyaları düzenlemediğinizden emin olun.

Answer 4

SORTED:

için css değiştirme -

Answer 5

CSS stil için bu ekleme ui-state-odak ve bulanıklık/odak anahat ilgilenir:

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

Answer 6

Sen Widget tarafından uygulanan sekme elemanının sınıfını anlamaya ihtiyacım var. Sadece bu durum gördük

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

Answer 7

: Örneğin,

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

jQuery UI en son sürümüne çalışır, ancak 1.6 gibi daha önceki bir sürümüne, bu kullanmanız gerekir şimdiye kadar başlık etiketleri ile. Bunu kaldırmak için

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