Webkit-tap-highlight-color对li元素不起作用？

Question

我有一个元素列表，这就是列表中的一个元素的样子：

<li class="someclass" id="10"><p>Text <span class="fav"></span></p><div class="overflow-hidden"><span class="timestamp">Sat, 23 June 2018, 5:20 PM</span><span class="delete">Delete</span></div></li>

当我在移动设备上点击列表元素(添加到收藏夹或删除(时，整个<li>以深灰色突出显示。我尝试将-webkit-tap-highlight-color添加到<li>但似乎不起作用。

关于如何在点击时删除该背景的任何想法？

Answer 1

正如 mdn 所说，它适用于链接，而不是每个元素

-webkit-tap-highlight-color是一个非标准的 CSS 属性，用于设置点击链接时显示在链接上的突出显示的颜色。