奇怪的是突出显示Mobile 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>

当我在UIWebView中触摸iPhone上的框时，这就是结果：

我的问题是，如何才能在整个方框中获得黑色亮点？

请帮忙！

Answer 1

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

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

例如......

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