Wie entferne ich die Rundung von iPhone/Safari-Eingabeelementen?

Rundung von iPhone-/Safari-Eingabeelementen deaktivieren

Eingabeelemente wie Textfelder haben beim Rendern in Safari oft einen abgerundeten Stil iOS-Geräte. Dies kann im Widerspruch zur gewünschten Ästhetik einer Website stehen. Glücklicherweise gibt es CSS-Lösungen, um diese Rundung zu entfernen.

iOS 5 und höher

Auf iOS 5 und höher kann das folgende CSS angewendet werden, um Eingabefelder zu entfernen Rundung:

<code class="css">input {
  border-radius: 0;
}

input[type="search"] {
  -webkit-appearance: none;
}</code>

Wenn eine plattformspezifische Entfernung erforderlich ist, kann stattdessen die Eigenschaft -webkit-border-radius verwendet werden:

<code class="css">input {
    -webkit-border-radius: 0;
}</code>

Legacy-Versionen

Für ältere Versionen von iOS wurde die Eigenschaft -webkit-appearance: none verwendet:

<code class="css">input {
    -webkit-appearance: none;
}</code>

Das obige ist der detaillierte Inhalt vonWie entferne ich die Rundung von iPhone/Safari-Eingabeelementen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!