Apr 13
How to disable tap highlighting on your iPhone/iPad/iWhatever web app
In mobile webkit, all links and "tappable" elements (elements with click event listeners) are highlighted when you initiate touch. This gives the user feedback that the element they have touched is indeed active and waiting to be tapped.
If for whatever reason you don't want some elements of your web site or application to be highlighted, simply add the following CSS rule to the corresponding elements.
-webkit-tap-highlight-color: rgba(0,0,0,0);
I guess this doesn't exactly disable the highlight, but it makes it invisible.
blog comments powered by Disqus