webkit-tap-highlight-color on擬似後要素

Question

私のフッターリンクの間に仕切りを追加するために、 "after"擬似要素のcontent-propertyを使用しています。

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

iOSでは、after-pseudo-elementを含む要素全体が強調表示されます。この動作は望ましくありません。親要素（ "実際の"要素）がアクティブなときに強調表示されないようにしたいと思います。

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

後の要素に対して個別にタップハイライトカラー・プロパティを設定するには、任意の効果を持っていないようです。

jsfiddle representing this problem

この問題を解決することができるか、私は強調表示されませ周器を作るために非CSSコードを変更する必要があります任意のCSS-方法はありますか？

Answer 1

は、これら二つを使用してみてください：より多くのSO

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

いくつかの答えとリンクがhereです。