Blog

Lesen Sie die letzten Artikel

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

Der Submit-Button – input type=“submit“ – eines HTML-Formulars lässt sich manchmal auf dem iPhone oder iPad mit CSS nicht ansprechen. Dadurch dass man den Button nicht ansprechen kann, kann er natürlich auch nicht gestyled werden. Wenn ihr das Problem auch einmal haben solltet, probiert folgenden Webkit-spezifischen CSS-Befehl aus.

CSS-Befehl für den Submit-Button

Man muss den Selektor für den Submit-Button im CSS um folgenden Befehl erweitern:

-webkit-appearance: none;

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

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

Peter Gierak arbeitet als Teamleiter IT-Entwicklung bei Staudigl-Druck GmbH & Co. KG in Donauwörth. Nebenberuflich erstellt er mit seiner MEDUO Medienagentur Webseiten für kleinere Kunden.
  • 1520 Aufrufe

Es wurde noch kein Kommentar geschrieben.

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Sie können folgende HTML Tags and Attribute verwenden: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>


Ich habe die Datenschutzerklärung zur Kenntnis genommen. Ich stimme zu, dass meine Angaben und Daten zur Beantwortung meiner Anfrage elektronisch erhoben und gespeichert werden.