413 Stimmen

Abrunden von iPhone/Safari-Eingabeelementen ausschalten

Meine Website wird auf dem iPhone/Safari-Browser gut dargestellt, mit einer Ausnahme: Meine Texteingabefelder haben einen seltsamen abgerundeten Stil, der überhaupt nicht zum Rest meiner Website passt.

Gibt es eine Möglichkeit, Safari (über CSS oder Metadaten) anzuweisen, die Eingabefelder nicht abzurunden und sie wie vorgesehen rechteckig darzustellen?

0voto

CpnCrunch Punkte 4327

Um die Schaltflächen in Safari und anderen Browsern korrekt darzustellen, müssen Sie zusätzlich zur Einstellung von webkit-appearance auf none einen spezifischen Stil für die Schaltflächen angeben, z. B.:

border-radius: 0;
-webkit-appearance: none;
background-image: linear-gradient(to bottom, #e4e4e4, #f7f7f7);
border: 1px solid #afafaf

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X