html - Tap Highlight on iOS Safari -
i trying apply -webkit-tap-highlight-color css 2 elements. works on android chrome, refuses work on 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; }
is there need enable tap colors on safari on ios?
tap highlight in safari mobile , jquery on() function produce huge highlight
solved this. not sure if right way it.
Comments
Post a Comment