Text Feld Stil stürzt auf Android-Geräten in einer App mit Sencha

Question

Ich habe Probleme mit dem Standard-Stil von Sencha (oder Android nicht sicher) für die Texteingaben und Passwortfelder, funktioniert es auf iOS-Geräten und auf einigen Android-Geräten , aber HTC und andere setzen ihren schrecklichen Standard-Stil (weißer Hintergrund und graue Grenze), die ich nicht ändern oder verstecken kann. Aus diesem Grund sieht das ganze Layout sehr schrecklich aus. see the image please. Sogar das Sample von Sencha Touch hat das gleiche Problem. see please the second image here. Bitte, wenn Sie irgendeinen Vorschlag haben, was der Grund davon ist oder wie es möglich ist, mich zu verstecken, wäre ich sehr dankbar !!! !! hier ist alles, was ich für diesen

ist eigentlich ein Android „Feature“ versucht habe

input { 
background: transparent !important; 
border: 0 transparent !important; 
-webkit-appearance: none; 
} 
input[type=text] { 
background: transparent !important; 
border: 0 transparent !important; 
-webkit-appearance: none; 
} 
input:focus{ 
outline:none; 
background: transparent !important; 
border-color: transparent !important; 
-webkit-focus-ring-color: transparent; 
-webkit-appearance: none; 
} 

Vielen Dank im Voraus Andrei

Answer 1

Was Sie sehen, dass eine native Kontrolle auf Ihrem gestylten Eingabefeld erzeugt.

Wenn Sie versuchen, Ihr Feld Fokus zu bewegen, sollten Sie sehen, dass das Feld intakt ist, versuchen Sie die folgende CSS-Regel, die Phänomene zu sehen:

input:focus { 
    position: absolute; 
    left: -20px; 
} 

Was Sie tun können, ist versuchen, -webkit-user-modify: read-write-plaintext-only; zu setzen, die funktioniert auf einigen Telefonen (nicht sicher über < 2.3), aber kann einige Funktionalität brechen. Z.B. Für ein Zahlenfeld erhalten Sie immer noch eine QWERTY-Tastatur anstelle eines Nummernblocks usw.

Also probieren Sie es aus, hoffentlich hilft es Ihnen und ist für Ihre Bedürfnisse geeignet.