プログラミング

スマホでリンクをタップしたときのハイライトを非表示にする【CSS】

スマホでリンクやボタンをタップしたときに、iphoneだと薄いグレーの影が表示されます。

Androidではオレンジの枠が表示されるとのこと。(Android使っていないのでわかりません。)

それを非表示にしたい場合は以下のコードを記述すればOK。

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);

厳密にはタップ時のハイライトを見えないようにしています。

Leave a Comment