如何刪除 iPhone/Safari 輸入元素舍入？

關閉iPhone/Safari 輸入元素舍入

輸入元素（例如文字欄位）在Safari 上呈現時通常具有圓角樣式iOS裝置.這可能與網站所需的美觀相衝突。幸運的是，有 CSS 解決方案可以消除這種舍入。

iOS 5 及更高版本

在iOS 5 及更高版本上，可以應用以下CSS 來消除輸入字段四捨五入：

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

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

如果需要特定於平台的刪除，則可以使用-webkit-border-radius 屬性來代替：

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

舊版本

對於舊版本的iOS，使用了-webkit-appearance: none 屬性：

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

以上是如何刪除 iPhone/Safari 輸入元素舍入？的詳細內容。更多資訊請關注PHP中文網其他相關文章！