How to Hide Android WebView Highlight Border (or change it’s color)

转载，作为备忘录。

这个CSS的作用就是隐藏掉网页在Android手机浏览器(Chrome lite)点击时出现的高亮虚线框，按理也可以隐藏掉iPhone Safari浏览器的高亮虚线，因为都是基于 webkit的嘛。

Here’s one that had me at a loss for a long time that I just figured out. You can easily remove the highlight border (the border that comes up when an element is focused) or change it’s color in a WebView with CSS! The WebKit-specific property “-webkit-tap-highlight-color” is what you’re looking for.

The following line will disable it on a page completely:

1
2
3

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

rgba() is just like rgb(), but it takes a 4th parameter for opacity. It’s my belief that this would probably work for iPhone WebView’s as well, since both Chrome and Safari are based off of WebKit.

from:http://www.randomtools.net/how-to-hide-android-webview-highlight-border-or-change-its-color-142.html