iosのサファリ/クローム/ファイアフォックスでリンクをクリックしたときのグレーの背景を削除する

質問

iOS版Safari（またはchromeやfirefox）でリンクをクリック（タッチ）すると、リンクの後ろにグレーの背景が表示されます（保持している間のみ）。CSS を使用してこの機能を削除する方法はありますか?

以下の画像例をご覧ください。

どのように解決するのですか？

Webkit には特定のスタイル プロパティがあります。 -webkit-tap-highlight-color .

からのコピーです。 http://davidwalsh.name/mobile-highlight-color -

/* light blue at 80% opacity */
html {
    -webkit-tap-highlight-color: rgba(201, 224, 253, 0.8);
}

/* change it for a div that has a similar background-color to the light blue tap color */
.blueDiv {
    -webkit-tap-highlight-color: rgba(251, 185, 250, 0.9);
}

ハイライトを完全に消したい場合

.myButton {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}