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

Question

更新:

有一个修复:

-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 我能够移动“真正的”输入元素，这样我就能够同时显示这两个元素。

非常欢迎对此提出任何建议。

Answer 1

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

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

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

Android 的 WebView 似乎在不断恶化……这很奇怪，因为它“应该”有所改善。我自己在滚动和闪烁方面遇到了很多麻烦。许多框架实际上正在考虑在 Android 上退出。

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

希望这对您有所帮助，您并不孤单!