PhoneGap Android：输入颜色和焦点很奇怪（带图像！）答案

【问题标题】：PhoneGap Android: Input color and focus weird (with images!)PhoneGap Android：输入颜色和焦点很奇怪（带图像！）
【发布时间】：2013-05-19 02:48:10
【问题描述】：

我的 PhoneGap HTML5 CSS3 应用的输入框有两个问题。

1）当我选择或“聚焦”输入时，输入的背景变为白色，文本颜色为黑色。

是否有一些我错过的 css 属性？

2) 现在，当我在我的 Android 上选择“聚焦”输入时，我的键盘会出现 (ofc)，因此我可以开始将文本写入输入字段。这里的问题是，当我在键盘上按“完成”时，键盘会消失，但输入字段仍处于选中状态/“焦点”打开。

这是一个错误吗？

我有以下代码：

<html>
<head>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<style type="text/css">
    input, input:focus {
        background:lime;
    }   
</style>

</head>
<body>
    <input type="text" />
</body>
</html>

这是来自另一个应用的两张图片。同样的问题！

问题 1)

问题 2)

【问题讨论】：

标签： android html css input cordova

【解决方案1】：

问题在于您的输入字段正在更改颜色，因为它从您的代码中继承了它的属性和颜色。 DIV 的颜色并没有改变。

如果您希望输入字段不更改焦点颜色，请尝试以下操作：

input.txtSearchField:focus {
    background:#7AC9F0;
}

这将使它与输入字段后面的 DIV 颜色相同。

【讨论】：

刚刚更新了问题，还是有问题：/ 感觉像是 phonegap 错误？
从技术上讲，PhoneGap 只是简单地将网页或网页视图（浏览器视图）包装到应用程序中。理论上，它应该使用与设备默认使用的浏览器和引擎相同的浏览器和引擎。因此，如果它在您设备的默认浏览器中看起来正确，那么它在 PhoneGap 中也应该正确。使用您编辑的新代码，如果这对您不起作用，那么您可以尝试一些效果为 'input { background-color:lime; }'
我遇到了同样的问题，我无法用 css 修复它。不是 :focus 选择器或 :active 选择器。是否还有其他一些 CSS 技巧。我也开始相信这是一个 phonegap/cordova 错误