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

Rem*_*eau 9 html css forms android 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

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

非常感谢!

mas*_*n81 0

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

例子:

对于您的标签:

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

对于您的输入:

  • 改变 - width:70%;

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