18

Jquery アコーディオンを使用しています。アクティブなリンクにはアウトラインがあります。私はcssを使ってみました:

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

そしてまた

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

これらのどれも機能していないようです。アクティブなリンクの周りの点線のアウトラインを削除する設定または別のオプションを誰かアドバイスできますか?

4

7 に答える 7

22

ウィジェットによって適用されるタブ要素のクラスを把握する必要があります。例えば、

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

jQuery UI の最新バージョンで動作しますが、1.6 などの以前のバージョンでは、これを使用する必要があります。

.ui-accordion-header {outline: none;}
于 2010-05-04T16:05:50.667 に答える
9

これを CSS スタイルシートに追加すると、ぼかし/フォーカスのアウトラインが処理されます。

#accordion .ui-state-focus{
    outline: none;
}
于 2010-04-27T23:36:07.527 に答える
3

これまでのところ、ヘッダータグでのみこれが発生するのを見てきました。削除するには、コードを追加します

h1, h2, h3, h4{outline:none;}
于 2011-11-02T17:24:37.950 に答える
1

jQueryUIのアコーディオン（http://jqueryui.com/demos/accordion/ ）を使用している場合は、これらのタイプのアウトラインに問題はありません。ただし、次のことができます。

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

実際、この方法はほぼすべてのアコーディオンプラグインで機能します。データパネルの展開/折りたたみを担当するリンクをターゲットにするようにセレクターを変更してください。

于 2010-01-18T14:38:39.590 に答える
0

jQuery UI要素によって適用されるスタイルをオーバーライドする必要がある場合、通常、jQuery UIスタイルシートの後にロードするスタイルシートを追加し、同じセレクターを使用してオーバーライドを配置し、スタイルが優先されることを確認します。この場合、アコーディオンまたはウィジェットの状態に関連付けられているスタイルを探して、それらをオーバーライドします。

于 2010-01-18T14:34:57.617 に答える
0

並べ替え:

css を - ui-state-focus に修正します

于 2010-01-18T16:10:28.850 に答える
-1

たまに F5 キーを押してください...そして、自分が思っている以外のファイルを編集していないことを確認してください。

于 2010-01-18T15:47:54.567 に答える