gpt4 book ai didi

android - 通过 PhoneGap Build 从 Android 4.x 应用程序的图像映射区域中删除突出显示

转载 作者:太空宇宙 更新时间:2023-11-03 11:17:35 25 4
gpt4 key购买 nike

在插入图像的图像映射区域时,我尝试了各种方法来尝试移除高光。我一次又一次地搜索谷歌,并添加了我能找到的所有 CSS 代码,希望它能有所帮助......但它似乎没有。

我正在谈论的一个例子: android tablet

我已经添加了:

 -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();">

最佳答案

我可以防止这种情况的唯一方法是捕获 ontouchend 事件并通过在处理程序上返回 false 来防止默认浏览器行为。

使用 jQuery:

$("map area").on("touchend", function() {
return false;
});

关于android - 通过 PhoneGap Build 从 Android 4.x 应用程序的图像映射区域中删除突出显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14131416/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com