OnClick的蓝色叠加
Bay*_*ter 9 javascript html5 android webview
当我在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>
小智 13
我用不同的图像尝试过它,它似乎工作.基本上,我刚刚添加了在不同主题中建议的内容:
a:button {
...
-webkit-tap-highlight-color: rgba(0,0,0,0);
}