web-dev-qa-db-ja.com

iPad Safari:リンクがヒットしたときにクイックブリンク効果を無効にする方法

それを無効にする方法はありますか?
ブラウザ内でのみ意味します...リンク、ボタン、またはクリック機能のあるdivをクリックすると、グレーのボックスがちらつき、素早くクリックします。これを防ぐにはどうすればよいですか?

85
cat

透明色を -webkit-tap-highlight-color property その要素の。

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

PhonegapでモバイルSafariを使用すると、これだけが機能しました。

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

ソース: iPhone WebKit CSSアニメーションがちらつきを引き起こす

また、メインパネルでレンダリングを有効にします。

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

ソース: webkit-transformのwebkit-transitionのちらつきを防止

6
redolent