iPad默认输入框边框半径

Question

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

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

- user656925

Answer 1

您确定这只适用于新的iPad吗？还是所有iOS设备都有关系？我问这个问题是因为iOS设备中的Safari浏览器确实对输入元素应用了特定的样式。
但是，您可以通过以下方式关闭它：

input {
  -webkit-appearance: none;
}

做到这一点，border-radius: 0 将像您预期的那样工作。

这个问题之前在这里回答过几次：关闭iPhone/Safari输入元素的圆角。

- João Paulo Macedo

---

在我的情况下，iPad New上，border-radius能够自行工作。 - user656925

然而，有一些令人讨厌的阴影效果，这个外观属性也会去除。 - user656925

是的，它也可以这样做。不要使用“none”，而是尝试使用 textfield。这是该属性的有效值，但是我无法保证它是否能解决iPad上的圆角问题，因为我自己没有看到这个问题。 - João Paulo Macedo