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

IpadMobile Safari

Ipad Problem Overview

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 you clicked quickly. How do i prevent this?

Ipad Solutions

Solution 1 - Ipad

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

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

Solution 2 - Ipad

Using mobile Safari in Phonegap, only this worked:

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

Source: https://stackoverflow.com/questions/2946748/iphone-webkit-css-animations-cause-flicker

Also, on the main panel, enable rendering:

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

Source: https://stackoverflow.com/questions/3461441/prevent-flicker-on-webkit-transition-of-webkit-transform

Categories
Recommended Ipad Solutions
Recommended Mobile Safari Solutions

Previous Solution:

A reference to the dll could not be added

.NetWcfReference

Next Solution:

Why does C++ not allow inherited friendship?

C++InheritanceLanguage DesignFriend

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestioncatView Question on Stackoverflow
Solution 1 - IpadkennytmView Answer on Stackoverflow
Solution 2 - IpadredolentView Answer on Stackoverflow