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 属性，用于设置在被点击时出现在 链接 上的突出显示的颜色。