iPad Safari: How to disable the quick blinking effect when a link has been hit

Question

Is there any way to disable that?
I only mean in the browser... When you click a link or a button or a div that has a click function on it, it flickers a grey box where

Answer 1

Using mobile Safari in Phonegap, only this worked:

* {  -webkit-backface-visibility:  hidden;
     -webkit-tap-highlight-color:  transparent;
  }

Source: iPhone WebKit CSS animations cause flicker

Also, on the main panel, enable rendering:

div.myPanelOrWhatever 
  {
      -webkit-transform: translate3d(0, 0, 0)
  }

Source: Prevent flicker on webkit-transition of webkit-transform

Answer 2

You could set a transparent color to the -webkit-tap-highlight-color property of that element.

a {
    -webkit-tap-highlight-color: transparent;
}