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

Dan*_*rka 15 css android mobile-webkit cordova

更新:

有一个修复:

-webkit-user-modify: read-write-plaintext-only;
Run Code Online (Sandbox Code Playgroud)

原始问题:

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

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

<input class="myclass" type="text"/>
Run Code Online (Sandbox Code Playgroud)

风格看起来像:

.myclass, .myclass:focus {
   background-color: black;
}
Run Code Online (Sandbox Code Playgroud)

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

自从我将nexus S更新为4.0.3后,我无法获得输入字段以接受任何样式.

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

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

Mar*_*nez 8

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

  1. 你试过关掉openGL吗?

  2. 你试过分离伪选择器吗?

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

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

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