Heim > Artikel > Web-Frontend > 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!