输入有不同风格的焦点

Question

我正在开发一个Android应用程序Phonegap，但我遇到了一个问题...输入有不同的背景，焦点的边框和阴影（见下文）。应该指出的是，这仅适用于输入类型“密码”。

我该如何解决这个问题？提前致谢！

Answer 1

Android-WebKit-Browser似乎在焦点上添加了一个特殊的叠加框到输入类型“密码”（我认为应用这个特殊的移动掩码，最后一个字母输入仍然可见），忽略除了“-webkit-tap-highlight-color”属性。

所以你会失去运气造型这些输入框。顺便说一句。输入框造型不起作用与HTC Sense装置可言，看看这里：

Input-Elements in WebViews always have the same style if highlighted on HTC Devices

哦，一个例外：花式似乎对三星设备（至少在银河S和工作I5800）

Answer 2

您应该能够通过锁定输入并添加:focus来应用不同的样式。例如：

input[type=password]:focus { border-radius: 5px; } 

假设输入的密码类型是圆角。然后从其他输入中复制剩余的样式以匹配。

Answer 3

我们在HTC设备上遇到了一个问题，在这种情况下，如果在动画上显示表单，CSS3转换会导致显示“双重密码”框。

基本上，Android创建的叠加层将绘制在屏幕的底部，而不管实际的HTML表单标记是在哪里呈现的。

每次您在密码字段中输入时，Android都会更新这两个框。看起来很可怕。它通常在输入字段失去焦点后消失...通常。

由于试图强制样式不起作用，我们必须确保-webkit-backface-visibility设置为''（而不是'隐藏'）。每当输入表单显示。