Phonegap android文本框重复实例

时间:2012-10-28 10:22:55

标签: android html css cordova

我碰到了非常奇怪的问题。

当我在phonegapp应用程序中的文本框上聚焦(通过触摸)时,我看到2个文本框。

查看附件: enter image description here

3 个答案:

答案 0 :(得分:2)

我认为最终的解决方案是隐藏Android尝试输入的“真实”文本框..这解决了我的问题

答案 1 :(得分:1)

可悲的是,当您使用固定/绝对定位时,这是known issue。 Android尝试“透明地”增强文本字段,如预测输入,语言选择等,并且使用固定/绝对定位,它很难将其完全覆盖在顶部。在Kindle Fire上,这更为明显。尝试使您的布局灵活/响应!

答案 2 :(得分:1)

这个解决方案对我有用。问题是输入字段的“outline”属性:

 input[type="text"]:not(.selectbox), input[type="number"],
 input[type="password"] {
 -webkit-user-modify: read-write-plaintext-only;
 -webkit-tap-highlight-color:rgba(0,0,0,0);
  outline-style: none;
 }

<强>价: https://code.google.com/p/android/issues/detail?id=30964