iPhone タップ時に表示される灰色の半透明ハイライトを非表示にする方法

どうもこんばんは。Toshikuraです。今回のTipsは【iPhone タップ時に表示される灰色の半透明ハイライトを非表示にする方法】です。iphoneサイト等を構築する際にリンクタップ時の半透明のマスクが表示されるのが気になる事が有ります。そういった際には以下の一行をCSSに記述してみてください。

実装方法

・リンクにかかる半透明ハイライトを非表示にする場合

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

・画像にかかる半透明ハイライトのみ非表示にする場合

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

　
以上になります。今回は大分短いですね…気の利いた事でも書ければ良いのですが。