html - iPad 默认输入边框半径

标签 html css ipad

<分区>

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

我验证了 CSS 中没有 border-radius 属性,当 MacBook Pro 呈现我的网站时也没有半径,但新 iPad 在文本输入字段上确实有半径。

最佳答案

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

input {
  -webkit-appearance: none;
}

那样做,border-radius: 0 就会开始像您期望的那样工作。

这已经在这里回答过几次了:Turn off iPhone/Safari input element rounding .

关于html - iPad 默认输入边框半径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11924543/

相关文章:

javascript - 使用 HTML5 Canvas 开发外部方向键

html - 如何使文本出现在图像框中?

javascript - 如何提交动态生成的表单之一(由php生成)

javascript - 追加的当前元素

javascript - Safari 点击事件和激活状态不能共存

javascript - jquery 在 Chrome 中平滑滚动而不是在 Internet Explorer 中

css - 页面在 Ipad 中不居中

单击时的Javascript切换动画

css - React Starter Kit - 传入样式对象而不是类名

iphone - UIbutton 宽度和高度为零?