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