android webview hide,隐藏android WebView的高亮选择框 How to Hide Android WebView Highlight Border (or change...

这个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.