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

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

在iOS Safari上点按突出显示

1 个答案: