2012-01-25 3 views
15

Aggiornamento:elementi di input su Android 4.x non può essere uno stile quando è focalizzato

C'è una correzione:

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

domanda originale:

sto provando a bollire questo fino ad un semplice esempio:

Ho un semplice elemento di input come questo:

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

lo stile che sembra:

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

questo funziona bene su Android 2.x e 3.x (ad eccezione di alcuni dispositivi che sono noti a non rispettare i CSS su elementi di input mirati)

Poiché ho aggiornato un Nexus S alla 4.0.3, non posso ottenere il campo di input per accettare alcuno stile.

Alcuni test hanno rivelato quanto segue: Gli stili vengono effettivamente applicati, ma per alcuni motivi il browser esegue il rendering di un rettangolo bianco sull'input, rendendo gli stili inutili. Usando Weinre sono stato in grado di spostare l'elemento di input "reale", in modo da essere in grado di visualizzarli entrambi.

Qualsiasi suggerimento su questo è molto benvenuto.

+0

io non sono a conoscenza WebKit su Android, ma forse l'impostazione '-webkit-aspetto: none; 'potrebbe impedire a Webkit di legare per impostare gli stili di fuoco predefiniti. – Duopixel

+0

già provato, ma grazie per il suggerimento –

+0

Funziona se si tocca due volte? – Knu

risposta

8

Il problema è relativo al Nexus S e alle sue scarse prestazioni con ICS/Android 4. Il ruggito dei problemi con PhoneGap, jQuery mobile, Sencha e on è assordante. Dall'ignorare i meta tag Viewport all'ordine z mal posizionato, il browser Android Chromium è solo un grosso problema.

  1. Hai provato a disattivare OpenGL?

  2. Hai provato a separare gli pseudo selettori?

Sembra che androidi WebView è continuamente peggiorando ... che è strano come "dovrebbe" essere il miglioramento. Sto avendo un sacco di problemi con lo scrolling e lo sfarfallio. Un sacco di quadri stanno prendendo in considerazione il bailing su Android.

Un collegamento che potrebbe interessarti: Problemi con jQm e (soprattutto) Nexus S https://forum.jquery.com/topic/jquerymobile-1-0-does-not-support-android-4-0-ice-cream-sandwich

Spero che questo aiuti e non sei solo!

+0

girare di openGL non cambia nulla, giocare con i selettori non cambia nulla ..., grazie per il tuo sforzo, ho temuto che questa fosse solo una cosa in più del cattivo browser Android. Lascerò la domanda ancora aperta ... –