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

By: Dan

Dan — Sat, 04 Sep 2010 04:59:18 +0000

It’s CSS, so you can put it in an external stylesheet, or inside of an HTML page with a style tag.

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

By: Andy

Andy — Fri, 27 Aug 2010 14:22:06 +0000

Hi, Where do i actually put the

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

to make this work.

Sorry, but i’m a newbie

By: Dan

Dan — Mon, 16 Aug 2010 00:36:04 +0000

I knew that the browser on Android is based on WebKit, just like iPhone’s Safari Mobile, so I looked for the solution for iPhone and tried it on Android.

By: daniel

daniel — Tue, 03 Aug 2010 18:35:19 +0000

This is perfect! How do you discover stuff like this? I spent 3 hours trying to find out. Someone at stack/overflow pointed me here. Thanks so much!

By: RussellUresti

RussellUresti — Tue, 20 Jul 2010 19:58:05 +0000

This seems to work to disable it completely, but I tried to change it’s color using this:

-webkit-tap-highlight-color: rgba(255, 255, 255, 1);

Which should turn it to a solid white, but on android devices I get the default solid green. Is there a trick to getting a different color?

By: Andres Yajamin

Andres Yajamin — Mon, 05 Jul 2010 17:25:20 +0000

Thanks men, great tip