div の選択を回避し、クリックしたときにハイライトを非表示にするにはどうすればよいですか?
点線のアウトラインを非表示にしたい:
(スクリーンショットを表示できません。ここにあります: http://i.stack.imgur.com/3OKaP.png )
div の選択を回避し、クリックしたときにハイライトを非表示にするにはどうすればよいですか?
点線のアウトラインを非表示にしたい:
(スクリーンショットを表示できません。ここにあります: http://i.stack.imgur.com/3OKaP.png )
css クラスで実行できます。.if これがあなたの div のように:
<div class='disableSelection'>text</div>
次に、この css を適用します。
<style>
.disableSelection{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
}
</style>
outline:none
または_outline:0
類似品はこちら
これがあなたが探しているものであるかどうかはわかりませんが、これに関するChris Coyersの記事(点線のアウトラインの削除)を確認してください
ただし、代替のアクティブ状態をまったく設定しない場合は、ユーザビリティの問題について考えてください。しかし、私はクリスがとにかくこれに言及していると思います。
*:focus{outline:none}