PhoneGap 빌드를 통해 Android 4.x 앱의 이미지 맵 영역에서 높이 빛 제거 빌드

Question

이미지의 이미지 맵 영역을 밀 때 모든 방법으로 시도를 시도했습니다. 나는 Google 검색 시간과 시간을 다시 가지고 도움이 될 것이라고 기대할 수있는 모든 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();"> 

Answer 1

유일한 방법은 그가 ontouchend 이벤트를 캡처하고 반환하여 기본 브라우저 동작을 방지하여이었다 핸들러에서는 false입니다. jQuery로

:

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

Answer 2

간단한 방법입니다. 입증되었습니다. Android cordova 앱에서도이 기능을 다시 사용합니다.

img[usemap], map area { 
    outline: none; 
} 

는