iPad-Eingabe Button Styling

8

Ich habe Inkonsistenzen beim Formatieren einer Formularschaltfläche hauptsächlich beim Anzeigen auf dem iPad. Aus irgendeinem Grund gelten die CSS-Stile für background-color und padding nicht für das iPad. Ich bekomme den Standard-Button, mit Farbverlauf und runden Ecken, was ich nicht möchte. Ich möchte auch vermeiden, ein Bild zu verwenden.

CSS

%Vor%

HTML

%Vor%

Irgendwelche Ideen, wie ich das Styling mit reinem CSS-gerecht über Plattformen halten kann?

    
Babis Sougias 30.07.2013, 13:15
quelle

2 Antworten

21

Sie müssen -webkit-appearance:none in Ihrer Klasse .mailBtn verwenden. Wenn Sie bei input -Feldern abgerundete Ecken haben, können Sie auch -webkit-border-radius:0 verwenden.

Ich setze normalerweise beide Eigenschaften in meinen Formularelementen zurück:

%Vor%

... damit ich die Konsistenz zwischen den Browsern beibehalten kann.

    
otinanai 30.07.2013, 13:45
quelle
3

Sie suchen vielleicht nach

%Vor%
  • Safari CSS-Hinweise zu --webkit-aussehen
  • Mozilla Developer Network - moz-Auftritt

Ref Link

    
Aditya P Bhatt 05.12.2013 13:59
quelle

Tags und Links