css - イメージ マップのハイライト onclick として使用されるイメージ

Question

イメージ マップとして使用されているイメージがあります。クリックするとイメージ マップが灰色で強調表示されます。強調表示したくありません。これは Mac のサファリでは発生しません。ただし、これは iPad シミュレータ/デバイスでのみ発生します。

Answer 1

画像に CSS を使用する

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

ハイライトの色を完全に透明な (アルファ 0) 黒に設定し、アルファを 1.0 に設定すると表示されなくなります。一方、ハイライトでクリック可能な領域を完全にカバーします。

詳細については、Safari CSS リファレンスを参照してください。