android上的html输入框在点击时有一个绿色突出显示

Question

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

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

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

我们已尝试将其删除，但 -webkit-tap-highlight-color 或轮廓未解决问题。

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;*/
}