Question

我的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）

enter image description here

问题2）

enter image description here

Answer 1

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

如果您希望输入字段不改变焦点上的颜色，请尝试类似：

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

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

PhoneGap Android：输入颜色和焦点怪异（带图像！）

1 个答案: