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