Android browser GREEN border on click...

Question

Hi,

I want to develop a web application using HTML, CSS and Javascript one thing that is really annoying is that any link or button etc when clicked inside the Android browser gets highlighted with a green border.

To demonstrate what I mean I have included a link to a page that contains a basic game written in CSS

http://marbles2.com/app/

Is there any way that you are aware of to disable the click green border?

Cheers

Paul

Answer 1

Try this in your style:

style="-webkit-tap-highlight-color:rgba(0, 0, 0, 0);"

Hope this helps.

Answer 2

In your CSS stylesheet (the one in your web application), add this:

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