关于jquery:单击时删除html图像上的蓝色突出显示

Remove blue highlight over html image when clicked

我正在Android中定制应用程序。我在一个分区内显示一个带有img标记的HTML页面。

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

在我写的javascript中:

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

当我单击图像时,单击正在工作,但图像被蓝色覆盖包围。

图1

图像2单击图像时

我不明白怎么去掉它。我试过很多方法,但都不管用。请帮忙。谢谢


您可以通过CSS阻止页面上的选择。可以将*选择器更改为要阻止选择的元素选择器。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/*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;
}


试试这个:

CSS

1
2
3
4
.press, img, .press:focus, img:focus{
    outline: 0 !important;
    border:0 none !important;
}


您可以使用CSS:

**HTML**

1
2
3
<button class="press">
    <img src="but.png" width="150" height="62" border="0"/>
</button>

**css**

1
2
3
4
5
6
7
.press{
    outline-width: 0;
}

.press:focus{
    outline: none;
}

从这里回答:如何删除输入文本元素上的边框突出显示


它可以是包含按钮的DIV上的背景色或边框色。否则使用如下代码完全单击后删除CSS

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