在ios safari/chrome/firefox中点击的链接上删除灰色背景

Question

当您点击（触摸）iOS的Safari（或Chrome或Firefox）中的链接时，链接后面会出现灰色背景（仅当您拿着它时）。有没有办法使用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); 
} 

如果你想删除的亮点completely-

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