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, которое задает цвет подсветки, которая появляется над ссылкой во время ее нажатия.