時に急速にクリックdivの

Question

クリック<a/>タグ、linksとbuttonsに青のアウトライン/国境を取り払うことについて、ここでの質問の数がある青色のボックスを削除 - 例えば、Remove blue border from css custom-styled button in Chromeが - しかし、私はだった知りたいと思ったことはありますあなたがかなり急速にクリックしたときに時々現れる厄介な青色のボックスを防ぐ方法は<div> elememt？

<div class="img" style="left: -200%;"></div> 
<div class="img" style="left: -100%;"></div> 
<div class="img visible" style="left: 0%;"></div> 
<div class="img" style="left: 100%;"></div> 
<div class="img" style="left: 200%;"></div> 

私は上記のように5つのdivを持っています。クラスvisibleのdivをクリックすると、クラスが削除され、リストの次のdivに追加され、左の値が調整されます。急速にクリックすると、ときどきこの厄介な青いボックスが表示されます表示されているdivまたはその左側または右側にあるdivのいずれかです。

divを選択するのとほぼ同じようにすばやくクリックしていますか？

このボックスの名前はわからないので、もしあなたがcssを使ってそれをターゲットにして無効にすることができますか？

Answer 1

私が正しく読んでいると、ダブルクリックのテキストのようにボックスを強調表示するだけで終わっていると思いますが、divを使用してください。 https://css-tricks.com/overriding-the-default-text-selection-color-with-css/関連リンク

Answer 2

オクラホマので、もう少し周りを掘ると答えが

.elementToBeTargeted { 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
} 

これは、あなたが同じ要素の多くをクリックしたときに時々現れる青の強調表示/選択ボックスを削除しますであることが判明。