【iPhone】【Safari】【css】タップ（クリック）した時の灰色の影（highlight）の消し方

iPhoneのSafariでリンクやボタンをタップした時、一瞬だけ背景が暗くなります。「タップした！」という感覚は出ますが、タップ時のcssを具体的に指定したい場合（:activeの指定とか）には、出てほしくない場合もあります。

下記cssでhighlightを消すことができます。

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

highlightを完全透明にする記述です。同じように、rgbaの値を変更すれば、ほかの色を設定することもできます。