Deaktivieren der blauen Markierung beim Berühren/Drücken eines Objekts mit Cursor: Zeiger

Question

Es gibt eine blaue Hervorhebung, die immer dann angezeigt wird, wenn eine Div-Komponente mit der angewendeten cursor: pointer-Eigenschaft in Chrome berührt wird. Wie können wir es loswerden?

Ich habe versucht, die folgenden:

-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 

Aber sie haben keinen Einfluss auf die blaue Markierung auf der Presse eines Cursors.

Answer 1

-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 

Kümmert sich um das Problem, wie es die Highlight-Farbe transparent setzt.

Quelle: http://samcroft.co.uk/2012/alternative-to-webkit-tap-highlight-color-in-phonegap-apps/

Answer 2

Soweit ich kenne, Vlad K Antwort könnte zu Problemen führen, in einigen Android-devices.Better Lösung:

-webkit-tap-highlight-color: rgba(0,0,0,0); 
 
-webkit-tap-highlight-color: transparent;