Runde Ecken unter Safari Browsern deaktivieren

Die Texteingabeelemente sind unter Safari so z.B. auf dem iPad mit runden Ecken versehen. Wer dies nicht möchte, der sollte in die passende CSS Datei einfach folgendes eintragen.

input {
    -webkit-appearance: none;
    border-radius: 0;
}

Damit sind die runden Ecken dann verschwunden. Das zusätzliche „border-radius: 0;“ muss angegeben werden damit das ganze auch unter iOS 5 funktioniert.

Panning auf Webseiten bei iOS Geräten verhindern

Auf iOS Geräten verschiebt sich die Webseite wenn man über ihr Ende hinaus scrollt. Dieses „Panning“ ist allerdings manchmal unerwünscht und soll deswegen abgeschaltet werden. Dies geschieht mittels:

document.ontouchmove = function(e){
             e.preventDefault();
}

Danach kann man nicht mehr über die Webseite hinaus scrollen.

Weitere Informationen gibt es unter:
http://stackoverflow.com/questions/3548014/how-to-disable-enable-then-disable-again-scrolling-in-ipad-iphone-with-e-preve