javascript - android 上的 html 输入框点击时有绿色突出显示

Question

我们有一个适用于 Android 的phonegap 应用程序。

在 HTC 设备上的 android 4.1.1 上，我们遇到以下问题:

点击时，输入框会以绿色突出显示。然而，实际的问题是您点击一个框，但下面的框会突出显示。但点击的框再次获得焦点。

我们已尝试删除它，但 -webkit-tap-highlight-color 或 Outline 未能解决问题。

Answer 1

试试这个:

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    /*background-color:#E4E4E4;*/
}