html - iPad默认输入边框半径

Question

新 iPad 在我的所有输入字段上都设置了默认边框半径。我怎样才能摆脱这个默认半径？

我验证了 CSS 中没有边框半径属性，并且当 MacBook Pro 呈现我的网站时没有半径，但新 iPad 确实在文本输入字段上有一个半径。

Answer 1

你确定它是新 iPad 独有的吗？或者它可能与所有 iOS 设备有关？我问是因为 iOS 设备中的 Safari 浏览器确实将特定样式应用于输入元素。
但是，您可以使用以下方法将其关闭：

input {
  -webkit-appearance: none;
}

这样做并border-radius: 0开始按照您的预期工作。

之前已经在这里回答过几次：关闭 iPhone/Safari 输入元素舍入。