如何去除 iPhone/Safari 中输入字段的圆角？

消除 iPhone/Safari 输入元素舍入

输入字段通常在 iPhone/Safari 浏览器中呈现圆形外观，与所需的效果相冲突矩形设计。本文深入探讨通过 CSS 或元数据修改输入元素样式的方法。

iOS 5 及更高版本的解决方案：

在 iOS 5 及更高版本上删除圆角，实现以下 CSS：

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

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

替代方法：

针对 iOS 特定的圆角去除，或者在跨平台规范化不可行的情况下，请考虑以下 CSS：

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

但是，请注意，对此类前缀属性的支持将来可能会停止。

旧版浏览器解决方案：

对于较旧的 iOS 版本，需要使用 -webkit-appearance 属性：

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

以上是如何去除 iPhone/Safari 中输入字段的圆角？的详细内容。更多信息请关注PHP中文网其他相关文章！