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.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>