2010-11-24 2 views
6

jQuery UIからAccordionウィジェットを使用しています。jQuery UIのAccordionを使用すると、最後にクリックされたリンクの周りに不要な青色のハイライトが表示されます

ヘッダーをクリックしてセクションを展開すると、そのヘッダー(実際には内ののh3要素)が強調表示されます。 Chromeでは、フォーム内の現在選択されているフィールドであるかのように青色の強調表示があります。

私は青いハイライトを取り除く必要があるので、私は以下のコードを一緒にハックしました。

しかし、jQueryでこれを行うためのより良い/よりクリーンな方法があるかどうかは疑問です。これは正しいですか??

$(function() { 
    $("#mainnav").accordion().blur($('#mainnav')); 
}); 
+0

これは他のUI要素にも当てはまりますが、これは私のケースでは青いフォーカスの四角形に似ています。あなたの答えはそれを解決しました。 – Nick

答えて

8

私はすべての後に問題を解決するためのjQueryを必要としなかった(.blur()が動作していないようでした)。

jQueryのは、HTMLにclass = "ui-state-focus"を追加したので、そう...私にとっては

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

はjQueryのUI 1.9のためにこれを働くように私は、このクラスは強調表示/概説すべきではないことを示すためにCSSを使用しました.2、タブウィジェット:

#mainnav .ui-tabs-anchor { 
    outline: none; 
}