CSS: Safari auf dem Mac nicht haften zu meinem Submit-Button style

Ich habe Folgendes CSS zu einem FORM submit-button:

font:normal 15px helvetica,arial,sans-serif;
padding:6px;

Unter Windows, unabhängig von der browser (IE/Firefox/Chrom), diese erhöhen die FORM-senden-Schaltfläche und geben Sie dem button spacing padding von 6px.

Jedoch auf OS X (Mac), das Formular-senden-Schaltfläche ist nicht stilisiert überhaupt. Bedeutung, die font-Größe ist das Standard und kein padding angewendet wird.

Jede Idee, wie kann ich einen FORMULAR-submit-button größer auf OS X (Mac)?

InformationsquelleAutor Teddi | 2009-11-05
  1. 15

    Müssen Sie fügen Sie diese, um Ihre CSS:

    input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
    • Dies sollte die Lösung sein!
    • Dies sollte die akzeptierte Antwort.. cheers!
    InformationsquelleAutor Sergey
  2. 3

    In Safari 4, Polsterung und Größen wird keinen Effekt auf submit-buttons wenn Sie einen hintergrund oder Grenze. Beispiel:

    background: #ccc; /* without this, the other styles won't show up */   
font: normal 15px helvetica,arial,sans-serif;
padding: 6px;
    • Wenn ich eine Hintergrundfarbe, die das nicht machen, sieht dann aus wie eine native-Taste
    • Richtig. Safari ermöglicht es Ihnen nicht um eine native-Taste größer als die Standard-nur kleiner. Siehe webkit.org/blog/28/buttons für weitere details.
    • jede Arbeit, Tips und Tricks?
    • NÖ. Wenn Sie möchten, es zu suchen einheimische mit großen text, ist nur die option nachäffen der nativen look mit CSS -- z.B. ein hintergrund-image. Apple ist zum Schutz Ihrer look-and-feel.
    • Dasselbe problem tritt bei chrome für mac auch, Justin ' s Antwort, funktioniert einwandfrei.
    InformationsquelleAutor Justin Kramer
  3. 2

    Anstatt <input type="submit" /> verwenden <button type="submit">Submit Text</button>, wenn ich mich richtig erinnere, das hat viel bessere Unterstützung für css-stylings.

    InformationsquelleAutor Jordan S. Jones
  4. 0

    Machen, ein Bild klicken. Safari wird nicht Stil-Schaltflächen oder Kontrollkästchen oder drop-down-Menüs, etc.

    • Safari 4 unter Windows erlaubt. Sie bietet verschiedene Funktionen, die unter OS X?
    InformationsquelleAutor Scott Saunders
  5. 0

    Styling form controls ist sehr problematisch. Sehen dieses Beispiel - während andere Browser anwenden von Stilen, alle Tasten sehen fast identisch in Safari.

    Einer Lösung ist die Verwendung eines <div> mit der onclick JavaScript-Attribut. Auf diese Weise können Sie anwenden, standard-CSS-Regel. Ich würde empfehlen, beginnend mit einer Schaltfläche, die dann mit JS zu wechseln, in der besser aussehende code, wie progressive enhancement.

    InformationsquelleAutor DisgruntledGoat
Schreibe einen Kommentar