Удалите синюю подсветку над html-изображением при нажатии

Я создаю собственное приложение на Android. Я показываю html-страницу с тегом img внутри div.

<div class="press">
    <img src="but.png" width="150" height="62" border="0"/>
</div>

В javascript я пишу:

$(".press").bind("click",function()    
{
//display something
});

Когда я нажимаю на изображение, щелчок работает, но изображение окружено синим наложением.

Изображение 1

Изображение 2 при щелчке изображения

Я не понимаю, как его удалить. Я пробовал много способов, но ни один из ответов не работает. Пожалуйста помоги. Спасибо

Ответы

Ответ 1

Вы можете предотвратить выбор на своей странице через css. Вы можете изменить селектор * на селектор элементов, который вы хотите предотвратить.

/*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;
}

Ответ 2

Попробуйте следующее:

CSS

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

Ответ 3

Вы можете использовать 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;
}

Ответ отсюда: Как удалить выделение границы в текстовом элементе ввода

Ответ 4

Это может быть цвет фона или цвет рамки на div, который включает в себя кнопку. еще используйте код, как показано ниже, чтобы удалить CSS после полного щелчка

$("#myButton").click(function(){
   $("#displayPanel div").removeClass('someClass');
});