iPad默认输入边框半径

Question

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

我确认CSS中没有border-radius属性，并且当MacBook Pro渲染我的网站时没有半径，但新iPad确实在文本输入字段上有半径。

Answer 1

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

input {
  -webkit-appearance: none;
}

这样做，border-radius: 0就像你期望的那样开始工作。

之前已在此处回答过几次：Turn off iPhone/Safari input element rounding。