スマホでリンクタップしたときの色の変更


スマホだと、マウスを乗せるという動作がありません。ですがタップしたときに色が変わるという特性があります。

通常黒系の半透明に変化しますが、もし背景が黒かった場合は変化に気づきにくいです。

その場合は以下のCSSをリンク部分に追加しましょう。

-webkit-tap-highlight-color: rgba(255,255,255,.2);

この時に半透明のRGBaカラーで指定しないと元の内容が見えなくなってしまうのでご注意を。

SNSでもご購読できます。

スポンサーリンク

コメントを残す

*