Remove blue frame from image with link [duplicate] - html

Question

I am making a custom Application in Android. I am displaying a html page with an img tag inside a div.
<div class="press">
<img src="but.png" width="150" height="62" border="0"/>
</div>
In the javascript I am writing:
$(".press").bind("click",function()
{
//display something
});
When I click on the image, the click is working but the image is surrounded with a blue overlay.
Image 1
Image 2 when image clicked
I dont understand how to remove it. I have tried many ways but none of the answers work. Please help. Thanks

Answer 1

You can prevent selection on your page through css. You can change the * selector to the element selector you want to prevent from selection.
/*IE9*/
*::selection
{
background-color:transparent;
}
*::-moz-selection
{
background-color:transparent;
}
*
{
-webkit-user-select: none;
-moz-user-select: -moz-none;
/*IE10*/
-ms-user-select: none;
user-select: none;
/*You just need this if you are only concerned with android and not desktop browsers.*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type="text"], textarea, [contenteditable]
{
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}

Answer 2

Try this:
CSS
.press, img, .press:focus, img:focus{
outline: 0 !important;
border:0 none !important;
}

Answer 3

You could use CSS:
** HTML **
<button class="press">
<img src="but.png" width="150" height="62" border="0"/>
</button>
** CSS **
.press{
outline-width: 0;
}
.press:focus{
outline: none;
}
Answer take from here: How to remove the border highlight on an input text element

Answer 4

It may be the background color or the border color on the div that includes the button. Else
use a code like following to remove the css after click completely
$("#myButton").click(function(){
$("#displayPanel div").removeClass('someClass');
});