在 iOS Safari 上点击突出显示

Question

我正在尝试将 -webkit-tap-highlight-color CSS 应用于两个元素。它可以在 Android Chrome 上运行，但它只是拒绝在 iOS Safari 上运行。

<div class="right">
    <input id="search-bar" class="" type="text"/> 
    <div id="button-menu" class="right button-clickable"></div>
    <div id="button-search" class="right button-clickable"></div>
</div>

#button-search{
    width: 60px;
    height: 48px;
    background-image: url(../images/svg/magnifying-glass.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center;
}

#button-menu{
    width: 60px;
    height: 48px;
    background-image: url(../images/svg/menu-dots.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center;
}

.button-clickable{
    -webkit-tap-highlight-color: #8F7E82;
}

我需要做些什么才能在 iOS 上的 Safari 上启用点按颜色吗？

Answer 1

Tap highlight in Safari Mobile and jQuery on() function produce huge highlight

用这个解决了。不确定这是否是正确的方法。