移除iOS Safari / Chrome / Firefox中点击的链接的灰色背景

当您单击（触摸）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);
}

由于某些原因，最新版本的iOS忽略RGBA颜色。

要删除它，我最终不得不使用以下内容：

-webkit-tap-highlight-color: transparent;

如此处所述：https : //developer.mozilla.org/zh-CN/docs/Web/CSS/-webkit-tap-highlight-color