0

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

在此处输入图像描述

4

1 回答 1

0

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

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

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

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

于 2013-05-23T17:06:48.357 回答