奇怪的亮点移动Safari

Question

我有一些突出问题。

这是我的CSS代码：

html { 
      -webkit-tap-highlight-color: rgba(0,0,0,0.7); 
      -webkit-touch-callout: none; 
     } 

这是我的HTML代码：

<a href="javascript: location.href = 'level://?id=123456';"> 
    <div class="Box" id="Box0"> 
     <table class="BoldText" style="margin:8px;"> 
      <tr> 
       <td valign="top" width="50"> 
        <div class="ProfileImage"> 
         <div style="background:url(<url>) top left no-repeat;"></div> 
        </div> 
       </td> 
       <td>gustaf98 published a level 
        <div style="width:220px; margin-top:4px;" class="lightText">Skiftnyckel</div> 
       </td> 
      </tr> 
     </table> 
    </div> 
</a> 

这是结果，当我触摸框在我的iPhone在一个UIWebView：

而我的问题是，我怎样才能得到黑色突出显示整个盒子？

请帮忙！

Answer 1

根据您的CSS，您已将此应用于整个HTML而不是特定的容器。你有一个这样的工作例子，或者一个链接？

请尝试将其专门应用于要突出显示的框。

例如...

.box { 
     -webkit-tap-highlight-color: rgba(0,0,0,0.7); 
     -webkit-touch-callout: none; 
    }