javascript - 選択のフォーカスを削除する

Question

私の質問はばかげているかもしれませんが、この動作を変更する機会があるかどうか知りたい.

選択タグの矢印をクリックしてドロップダウンのオプションを開き、1 つのオプションをポイントすると、そのオプションが青色の背景で強調表示され、問題ないことに気付きました。

しかしIEでは、選択したいオプションをクリックして選択したオプションになると、selectタグの外側のどこかをクリックするまで青いハイライトが残ります（firefoxではそうではありません-）。しかし、私は何をすべきかを理解し、オプションが選択されたときに要素からフォーカスを外しました。

$('select').change(function() {
    $(this).blur();
})

しかし、まだ小さな問題が 1 つあります。選択されているオプションが前と同じ場合 (たとえば、1 つの要素を 2 回連続して選択した場合)、フォーカスは選択のままになり、青色の強調表示が再びオンになります。それを変える方法はありますか

score 6 · Accepted Answer

IE11（以前のバージョンについては不明）では、フォーカスされた選択要素から青い背景を削除できます

select::-ms-value {background: none;}

score 2 · Accepted Answer

CSSでこれを試してください：

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

それがあなたが探しているものだと思います。

score 0 · Accepted Answer

選択したドロップダウンの背景色を css で次のように設定できます。

select:focus { 
    background: #fff;
}

要素 I の焦点を外すことに関しては、解決するよりも多くの問題を作成することになるので、必要であれば再検討します。

3 に答える 3