Skip to content

Input-Felder auf dem iPad / iPhone

von dennis

Beim mobilen Safari werden Textfelder und Buttons abgerundet, mit einem Schatten versehen und etwas breiter dargestellt als z.B. im Firefox. Wer das nicht möchte, kann dies mit folgendem Schnipsel unterbinden:

input {
    -webkit-appearance:none; /* schatten etc entfernen */
    -webkit-border-radius:0; /* runde ecken entfernen */
    -webkit-box-sizing: border-box; /* css-box modell umstellen */
}

Einen interessanten Artikel zum box-sizing Attribut gib es hier:

http://www.peterkroener.de/schoenes-neues-css-box-sizing/

Aus → CSS

No comments yet

Leave a Reply

Note: XHTML is allowed. Your email address will never be published.

Subscribe to this comment feed via RSS