css - アクティブな jQuery UI タブからアウトラインを削除しますか?

Question

アクティブな jQuery UI タブのアウトラインを削除したい (または少なくとも色を変更したい)。

この例から作業して、これを試してみましたが失敗しました：

<style>
    #tabs .ui-state-focus
    {
        outline: none;
    }
</style>

（この質問と回答のヒントに基づく）。

アクティブなタブからアウトラインを削除するコツは何ですか?

score 24 · Accepted Answer

これを行う方法はたくさんあります。以下に 2 つの例を示します (オプション 2 をお勧めします)。

オプション1

.ui-widgetクラスを使用するすべての要素からアウトラインを削除します。

.ui-widget * { outline: none; }

これが実用的なフィドルです。

オプション 2

輪郭の色を透明にする:

#tabs li a
{
    outline-color: none;
}

これが実用的なフィドルです。

score 4 · Accepted Answer

特定のタブでのみアウトラインを削除する場合は、次を使用することをお勧めします。

$("#tabs ul li").css({'outline': 'none'}); // where #tabs can be any specific tab group

HTMLのスクリプトタグ内。

score 3 · Accepted Answer

指定することでアウトラインを無効にすることができますoutline-width: 0;

#tabs li a
{
    outline-width: 0;
}

ID を使用しないより一般的なソリューションは次のようになります。

.ui-tabs ul li a
{
    outline-width: 0;
}

score 1 · Accepted Answer

1

あなたはこれを試すことができます

a:focus { outline: none; }

于 2015-01-03T18:58:18.870 に答える

9 に答える 9