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

この記事は4年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。

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

実装方法

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


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

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

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

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