リンクをタップした時のハイライト効果を簡単なCSSで無効化する

ios や Android のモバイル端末には、 Web ページ内のリンク箇所をタップすると一瞬色がつくハイライト効果があります。リンクへのタップが有効になったことを認識させるものですが、このハイライト色がページデザインの邪魔になるようであれば CSS で無くすことができます。

タップ時のハイライトを CSS で無効化

これはハイライト色を「透明化」させることで実現できるので、以下の CSS を記述します。
a {
    -webkit-tap-highlight-color: transparent;
}
上記 CSS は ios , Android ともに有効です。