iphone / css - how do I prevent black semi-transparent overlay on items when clicked

Question

I am programming a mobile site and in iphone there is a noticeable semi-transparent black overlay on top of the image when you touch / hold on an clickable item. Has anyone expe

Answer 1

You can set the color of the tap highlighting with the CSS Property -webkit-tap-highlight-color:

To disable highlighting use a color with alpha = 0.

.yourLinkClass {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

More info here: http://css-infos.net/property/-webkit-tap-highlight-color