Android4-only stock浏览器奇怪的行为与输入文本

时间:2012-07-27 15:37:52

标签: android html css forms input

不知道是否有人已经看到了这个bug。请注意,这仅适用于Android 4.x股票浏览器。它已成功通过Android 4上的Chrome,以前版本的库存浏览器,iOS,Blackberry OS6& 7,Playbook,......

看看http://www.hello-gurus.com/labs/sandbox/plain-form.html 它在模拟器中工作正常(参见http://cl.ly/image/1z3G1T2y2p2c)但在最新的GalaxyTag上完全出错(参见http://cl.ly/image/1O123A3d0y3q

正常行为应该是文本保留在右侧。左侧的填充使文本与标签重叠。输入为100%宽度,因此活动区域在整个宽度上。 这就是它在其他浏览器上的工作原理,只有在焦点时,Android股票才能在左侧对齐!此外,即使输入具有透明背景,它也会消失:S 更糟糕的是,有时它的值在模糊x_X

时变空

这让我疯了! 任何解决方案或任何我可以尝试的东西?

非常感谢!

2 个答案:

答案 0 :(得分:3)

我遇到了类似的问题,在聚焦输入字段时,Android设备上会出现鬼字段。这个输入字段的CSS解决了我的问题:

input[type='text'] { -webkit-user-modify: read-write-plaintext-only; }

可能值得尝试一下。

答案 1 :(得分:0)

这很奇怪。你试过调整你的CSS吗?可以通过不同的方法实现相同的期望布局。

示例:

标签:

  • 删除 - position:absolute;
  • 添加 - display:inline-block;
  • 更改 - width:25%;

输入内容:

  • 更改 - width:70%;

我设置了类似的东西(静态内容),它似乎对我有用。