在推动图像的图像映射区域时,我已经尝试了所有尝试移除高光的方法。我一次又一次地搜索谷歌,并添加了我能找到的所有 CSS 代码,希望它会有所帮助.. 但似乎没有。
我正在谈论的一个例子:
我已经添加了:
-webkit-user-modify: read-write-plaintext-only;
border:none;
outline: 0;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
cursor: none !important;
-webkit-user-modify: read-write-plaintext-only;
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
outline:none;
border: none;
}
img{
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
-webkit-user-modify: read-write-plaintext-only;
outline:none;
border: none;
border-style: none;
}
body, textarea:focus, input:focus, area:focus{
outline:none;
border: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
-webkit-user-modify: read-write-plaintext-only;
}
a{
outline:none !important;
border: none !important;
}
a img
{
border:none;
outline:none;
}
area{
outline:none;
border: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
-webkit-user-modify: read-write-plaintext-only;
}
#map {
outline:none;
border: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
-webkit-user-modify: read-write-plaintext-only;
}
<img height="1024" src="img/MM.png" usemap="#MM_map" width="768" hidefocus="true">
<area coords="35,116,349,225" href="#HULU" id="HULU_id" onclick="$('#HULU').click();" shape="rect" style="border: none;" onfocus="blur();">