[android] 초점에 주황색 윤곽선 강조 표시 비활성화

jQuery, jqTouch 및 phonegap을 사용하여 앱을 코딩하고 있으며 사용자가 소프트 키보드의 Go 버튼을 사용하여 양식을 제출할 때 발생하는 지속적인 문제를 겪었습니다.

를 사용하면 커서를 적절한 양식 입력 요소로 쉽게 이동할 수 있지만 $('#input_element_id').focus()주황색 윤곽선 강조 표시는 항상 양식의 마지막 입력 요소로 돌아갑니다. (양식 제출 버튼을 사용하여 양식을 제출하면 강조 표시되지 않습니다.)

내가 필요한 것은 주황색 강조 표시를 완전히 비활성화하거나 커서와 동일한 입력 요소로 이동하는 방법을 찾는 것입니다.

지금까지 CSS에 다음을 추가해 보았습니다.

.class_id:focus {
    outline: none;
}

이것은 Chrome에서 작동하지만 에뮬레이터 또는 내 전화에서는 작동하지 않습니다. 또한 theme.css읽기 위해 jqTouch 편집을 시도했습니다 .

ul li input[type="text"] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); and
    -webkit-focus-ring-color:  rgba(0, 0, 0, 0);
}

효과가 없습니다. 또한 AndroidManifest.xml파일에 다음 추가 사항을 각각 시도했습니다 .

android:imeOptions="actionNone"
android:imeOptions="actionSend|flagNoEnterAction"
android:imeOptions="actionGo|flagNoEnterAction"

어느 것도 효과가 없습니다.

업데이트 : 나는 이것으로 더 많은 문제 해결을 수행했으며 현재까지 발견했습니다.

1. outline 속성은 Android 브라우저가 아닌 Chrome에서만 작동합니다.

2. 이 -webkit-tap-highlight-color속성은 실제로 Android 브라우저에서는 작동하지만 Chrome에서는 작동하지 않습니다. 두드리는 것뿐만 아니라 초점에 대한 강조 표시를 비활성화합니다.

3. -webkit-focus-ring-color속성은 두 브라우저에서 작동하지 않습니다.

답변

-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
-webkit-tap-highlight-color: transparent;  // i.e. Nexus5/Chrome and Kindle Fire HD 7''

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
} 

textarea:focus, input:focus{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);    
    -webkit-user-modify: read-write-plaintext-only;
}

body, textarea:focus, input:focus{
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}