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'); }); |
号