wie man safari verhindert, indem man für das klickbare Element Schatten hinzufügt

Question

Ich arbeite an einem kleinen mobilen Webspiel und habe ein Problem.

Ich füge einen Klick eventListener zu einem Element (z. B. <div></div>), und testete es auf Safari (iOS 9). Sobald ich die div Zeile berühre, erscheint ein Schatten, der die ganze div abdeckt und kurze Zeit später ausblendet. Außerdem ist es schwierig, Screenshots zu machen, wenn der Schatten erscheint, also gibt es kein Bild für Hilfe.

Weiß jemand wie man verhindert, dass der Schatten durch CSS oder Javascript erscheint? Es ist absolut keine gute Erfahrung im Gaming.

Answer 1

Sie können die Farbe für die Hervorhebungsmarkierung auf transparent einstellen.

div { 
    -webkit-tap-highlight-color: transparent; 
}