webkit-tap-highlight-color僞元素

Question

我正在使用「after」僞元素的content-property在我的頁腳鏈接之間添加分隔符。

.link::after { 
    content: " | "; 
} 

在iOS上，整個元素（包括它後面的僞元素）都被高亮顯示。這種行爲是不需要的 - 我希望後續內容在其父元素（「真實」元素）處於活動狀態時不會突出顯示。

Here's a screenshot of an clicked link on an iOS device

分別設置抽頭高亮顏色特性的後元素似乎沒有任何效果。

jsfiddle representing this problem

是否有可以解決這個問題，或者我必須改變非CSS代碼，以使分隔得不到任何突出CSS-方式？

Answer 1

嘗試使用這兩個：

.link, 
.link::after { 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-tap-highlight-color: transparent; 
} 

一些更多的SO答案和鏈接here。