android 4.x上的输入元素在聚焦时无法设置样式

时间:2012-01-25 15:46:08

标签: android css cordova mobile-webkit

更新

有一个修复:

-webkit-user-modify: read-write-plaintext-only;

原始问题:

我试图将其归结为一个简单的例子:

我有一个像这样的简单输入元素:

<input class="myclass" type="text"/>

样式看起来像:

.myclass, .myclass:focus {
   background-color: black;
}

这在android 2.x和3.x上运行正常(除了一些已知不关注焦点输入元素上的css的设备)

由于我将nexus S更新为4.0.3,我无法获得输入字段以接受任何样式。

一些测试显示以下内容: 实际应用了样式,但由于某些原因,浏览器在输入上呈现白色矩形,渲染样式无用。使用Weinre我能够移动“真实”输入元素,这样我就可以显示两者。

对此的任何建议都非常受欢迎。

2 个答案:

答案 0 :(得分:8)

问题与Nexus S及其在ICS / Android 4上的糟糕表现有关.Wapapgap,jQuery mobile,Sencha等问题的咆哮声震耳欲聋。从忽略Viewport元标记到错误定位的z顺序,Chromium Android浏览器只是一个大问题。

  1. 您是否尝试过关闭openGL?

  2. 您是否尝试过分离伪选择器?

  3. 似乎Androids WebView不断恶化......这很奇怪,因为它“应该”改进。滚动和闪烁,我自己遇到了很多麻烦。许多框架实际上正在考虑在Android上纾困。

    您可能感兴趣的链接: jQM和(主要)Nexus S的问题 https://forum.jquery.com/topic/jquerymobile-1-0-does-not-support-android-4-0-ice-cream-sandwich

    希望这会有所帮助,而你并不孤单!

答案 1 :(得分:5)