Android browser GREEN border on click-ThrowExceptions

Exception or error:

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

How to solve:

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

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

###

Try this in your style:

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

Hope this helps.

Leave a Reply

Your email address will not be published. Required fields are marked *