Ich habe das folgende CSS auf eine Schaltfläche FORM submit angewendet:
Unter Windows, unabhängig vom Browser (IE / Firefox / Chrome), erhöhen Sie die Schaltfläche zum Senden von FORMULAREN und geben Sie den Abstand der Tastenabstand von 6px.
Unter OS X (Mac) ist die Schaltfläche zum Senden des Formulars jedoch überhaupt nicht stilisiert. Das bedeutet, dass die Schriftgröße die Standardeinstellung ist und keine Auffüllung angewendet wird.
Irgendeine Idee, wie ich eine Schaltfläche zum Senden von FORM unter OS X (Mac) vergrößern kann?
In Safari 4 wirken sich Padding und Größen auf die Übergabeschaltflächen nur aus, wenn Sie einen Hintergrund oder Rahmen festlegen. Beispiel:
%Vor% Anstatt <input type="submit" /> using <button type="submit">Submit Text</button> zu verwenden, wenn ich mich richtig erinnere, hat dies viel bessere Unterstützung für css stylings.
Machen Sie eine Bildschaltfläche. In Safari werden Schaltflächen, Kontrollkästchen, Dropdown-Menüs usw. nicht formatiert.
Das Steuern von Formularen ist sehr problematisch. Siehe dieses Beispiel - während andere Browser einige Stile anwenden, sehen alle Schaltflächen in Safari fast identisch aus.
> Eine Lösung besteht darin, ein <div> mit dem JavaScript-Attribut onclick zu verwenden. Auf diese Weise können Sie Standard-CSS normal anwenden. Ich würde empfehlen, mit einem Button zu beginnen und dann mit JS den besser aussehenden Code als progressive Erweiterung einzuschalten.