blauen Kasten zu entfernen, wenn div klicken

Question

Es gibt eine Reihe von Fragen auf, hier über <a/> Tags von blauen Umrisse/Ränder auf Klick loszuwerden, links und buttons - Remove blue border from css custom-styled button in Chrome, zum Beispiel - aber was ich wollte, war wissen, gibt es eine So verhindern Sie lästige blaue Kästchen, die manchmal erscheinen, wenn Sie ziemlich schnell auf ein <div> Elemem klicken?

<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> 

Ich habe 5 divs genau wie die oben genannten. Wenn die div mit der Klasse visible angeklickt wird, wird die Klasse entfernt und zum nächsten div in der Liste hinzugefügt und die linken Werte werden angepasst usw. usw. Wenn Sie schnell klicken, bekommen Sie manchmal diese lästige blaue Box, die sich anzuhängen scheint entweder das sichtbare div oder das eine links oder rechts davon.

Klicken Sie schnell, fast wie bei der Auswahl der divs?

Ich bin mir nicht sicher, wie diese Box heißen würde, wenn du kannst, kannst du sie mit CSS anvisieren und deaktivieren?

Answer 1

Wenn ich richtig lese, denke ich, dass Sie am Ende eine Box hervorheben, wie Doppelklick, aber mit einem div. https://css-tricks.com/overriding-the-default-text-selection-color-with-css/ relevanter Link.

Answer 2

Ok, also ein bisschen mehr zu graben um und fand die Antwort

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

Dies ist die blaue Markierung/Auswahlfeld zu entfernen, die manchmal erscheint, wenn Sie eine Menge auf dem gleichen Element klicken.