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

Question

Safari（またはChromeまたはFirefox）のiOS用のリンクをクリック（タッチ）すると、リンクの背景に灰色の背景が表示されます）。 CSSを使用してこの機能を削除する方法はありますか？

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

Answer 1

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