タブインデックスの順序でフォーカスがある場合、dom-element の (ほとんどのブラウザーで) 破線の境界線を無効にする方法または操作する方法を知っている人はいますか?
フォーカスされた要素に独自のスタイルを構築したいのですが、tabindex を使用すると keydown イベントを dom 要素にバインドできるため、既存の機能を使用するのは素晴らしいことです。
タブインデックスの順序でフォーカスがある場合、dom-element の (ほとんどのブラウザーで) 破線の境界線を無効にする方法または操作する方法を知っている人はいますか?
フォーカスされた要素に独自のスタイルを構築したいのですが、tabindex を使用すると keydown イベントを dom 要素にバインドできるため、既存の機能を使用するのは素晴らしいことです。
必要な要素の CSS ルールを作成するだけです。outline:none;
CSS トリック:
:focus { outline: none; }
input::-moz-focus-inner { border: 0; }
a {
outline: 0;
}
a: hover,
a: active,
a: focus {
outline: none;
}
input::-moz-focus-inner {
border: 0;
}
あなたができるjQueryを使用して
$("#nav li a").focus(function(){
$(this).blur();
});