ios - ios safari / chrome / firefoxでクリックされたリンクの灰色の背景を削除する

Question

iOS の Safari (または chrome または firefox) でリンクをクリック (タッチ) すると、リンクの背後に灰色の背景が表示されます (それを保持している間のみ)。CSS を使用してこの機能を削除する方法はありますか?

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

Answer 1

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

コピー元: http://davidwalsh.name/mobile-highlight-color —</p>

/* 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);
}

ハイライトを完全に削除したい場合—</p>

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