Tutorials
Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.
Zurück zur Übersicht
Input-Felder und Submit-Buttons für iPhone/iPad via CSS stylen
#Tutorials#CSS
Wenn man ein Formular für das iPhone oder iPad mit CSS stylen will, merkt man schnell, dass der mobile Safari einem die Styles gnadenlos kaputt macht.
So sollte es aussehen:
und so sieht es aus:
Nach einigen Recherchen habe ich dann folgende Lösung gefunden:
-webkit-appearance: none;
-moz-appearance: none;
Fügt man diesen Schnipsel zu seiner CSS-Datei hinzu dann sagt man dem mobilen Safari, dass er wirklich diesen Button nicht nach der Apple UI stylen soll.
Kommentare
Vielen Dank,
Gruß
Jörg Ludwig
das hat Mozilla wohl erst später eingeführt. Sollte aber laut:
https://developer.mozilla.org/de/docs/Web/CSS/-moz-appearance
so gehen:
-moz-appearance: none;
Viele Grüße
André
Hinterlasse einen Kommentar