[CSS] iPhoneのSafariでタップした際に表示される暗めな影を消すCSS - YoheiM .NETこんにちは、@yoheiMuneです。 iPhoneのSafariでリンクとかボタンとかをタップした際に、一瞬だけ半透明の黒い背景が出る現象。 この黒半透明を出させないCSSの設定を学んだので、ブログで紹介したいと思います。 タップした際にでる黒い半透明な背景とは 具体的には、以下のようなモノです。 これってタップした感覚が出るので嬉しい反面、タップ時のスタイル（:activeとかで指定）がある場合には、 出てこないで欲しい場合もあります。 黒い半透明な背景を変更するCSS 以下のCSSを用いることで、リンクやボタンのタップ時の色を変更することが出来ます。 -webkit-tap-highlight-color:rgba(0,0,0,0); 上記の例だと、完全透明にして、タップ時に黒い半透明な背景を表示しないようになります。 rgbaの値を変更することで、他の色を設定する事も可能です。 な
![[CSS] iPhoneのSafariでタップした際に表示される暗めな影を消すCSS - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/46f21185e2f69fa6016680a0a1bdb4495ba2fbd7/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F131.png)
