10

当我在 Android WebView 中显示一个 html 页面时，单击的元素上总是有一个蓝色覆盖层，该覆盖层带有一个 href 或一个 javascript 函数。我如何摆脱这个蓝色覆盖？

在此处输入图像描述

源代码

<html>
    <head>
    <title>Blue Overlay</title>
    <style>
    *{margin:0;padding:0;/* get rid of the default 2 pixels margin */
    } 
    body{background-color: #000000;}

    /* button-related CSS */
    a.button{
        background: url("img/icon_bt.png") no-repeat scroll center center transparent;
        display: block;
        text-decoration: none;/*remove the blue underline*/
        width: 70px;
        height: 70px;
        margin: 50px;
    }
    a.button:active{
        background-image: url("img/icon_bt_pressed.png");
    }

    </style>
</head>
<body>
    <a class="button" href="#"></a>
    </body>
</html>
4

2 回答 2

20

我用不同的图像尝试过它，它似乎有效。基本上，我只是添加了另一个主题中的建议：

a:button {
    ...
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
于 2013-01-02T00:59:16.693 回答
0

我不确定，但也许图像有蓝色叠加层（不仅是链接和 a-tag）。所以摆脱它，即border: 0;...

于 2013-01-02T00:48:22.077 回答