Tag Archives: WebApp

Disable Tap-Highlighting in Safari / iOS / Android / WebKit

Beim entwickeln von WebApps und hybrid Apps benötigt man viele kleine Workarounds um das native Feeling so gut wie möglich zu simulieren. Links werden im mobilen Safari / WebKit bei einem Tap mit typischen, leicht durchsichtigen, “Apple”-Blau gehighlightet.

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

Neben dem Entfernen gibt es natürlich auch die Möglichkeit per rgba dieses Highlighting in CI-Farben darzustellen. Dabei sollte darauf geachtet werden, dass der letzte Wert nicht 1 ist, dann ist das Highlighting nicht mehr durchsichtig und würde das getapte Element verdecken.