Submit-Button auf dem iPhone, iPad (iOS) stylen

submit-button-css-iphone-ipad

Der Submit-Button (input type="submit") eines HTML-Formulars lässt sich manchmal auf dem iPhone oder iPad mit CSS nicht ansprechen und folglich auch nicht gestalten. Solltet ihr euch mit diesem Problem einmal konfrontiert sehen, probiert folgenden Webkit-spezifischen CSS-Befehl aus.

Trainings für Unternehmen und Privatpersonen

Wir machen dich fit für die Zukunft des Web! In unseren Seminaren und Workshops lernst du wie moderne Websites entstehen.

Infos zu Inhouse-Seminaren
Infos zu öffentlichen Terminen

CSS-Befehl für den Submit-Button

Ergänzt den Selektor für den Submit-Button (z. B. input [type=submit] { … } ) um folgende Zeile:

-webkit-appearance: none;

Anschließend sollten alle anderen CSS-Eigenschaften wie gewünscht dargestellt werden.

Submit-Button auf dem iPad, vor  und nach der Anpassung
Submit-Button auf dem iPad, vor und nach der Anpassung

Da der "Appearance"-Befehl für alle Webkit-Browser gilt, hilft er euch auch bei der Formular-Gestaltung in Chrome und Safari am Desktop-Computer.

Links