iPad 默认输入边框半径

Question

新iPad在我的所有输入字段上放置了默认边框半径。 如何摆脱此默认半径？

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

Answer 1

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

input {
  -webkit-appearance: none;
}

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

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