Update:
There is a fix:
-webkit-user-modify: read-write-plaintext-only;
Original question:
I am trying to boil this down to a simple example:
I have a simple input element like this:
<input class="myclass" type="text"/>
the style looking like:
.myclass, .myclass:focus {
background-color: black;
}
this works fine on android 2.x and 3.x (except some devices that are known not to respect css on focused input elements)
Since I updated a nexus S to 4.0.3 I can`t get the input field to accept any styles.
Some testing revealed the following: The styles are actually applied, but for some reasons the browser renders a white rectangle over the input, rendering styles useless. Using Weinre i was able to move the "real" input element, so that I was able to display both.
Any suggestion on this are very much welcome.