如何删除 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中文网其他相关文章！