remove grey background on link clicked in ios safari / chrome / firefox

Question

When you click (touch) a link in Safari (or chrome or firefox) for iOS, you get a grey background behind link (only while you\'re holding it). Is there a way to remove this

Answer 1

Latest versions of iOS are ignoring RGBA colors for some reason.

To remove it, I ended up having to use the following:

-webkit-tap-highlight-color: transparent;

As documented here: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color