HTML 关闭 iPhone/Safari 输入元素舍入

我的网站在iPhone / Safari浏览器上呈现良好，但有一个例外：我的文本输入字段具有奇怪的圆形样式，与我网站的其余部分看起来根本不好。

有没有办法指示 Safari（通过 CSS 或元数据）不要按预期将输入字段四舍五入并将它们渲染为矩形？

分割线

网友回答：

在 iOS 5 及更高版本上：

input {
  border-radius: 0;
}

input[type="search"] {
  -webkit-appearance: none;
}

如果必须在 iOS 上仅删除圆角，或者由于某种原因无法跨平台规范化圆角，请改用属性，这仍然受支持。当然，请注意，Apple可以随时选择放弃对前缀属性的支持，但考虑到他们其他特定于平台的CSS功能，他们很可能会保留它。input { -webkit-border-radius: 0; }

在旧版本中，您必须改为设置：-webkit-appearance: none

input {
    -webkit-appearance: none;
}

分割线

网友回答：

input -webkit-appearance: none;单独是行不通的。

尝试添加其他内容。-webkit-border-radius:0px;

分割线

网友回答：

这是在IOS中删除圆形的最佳方法。

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

注意：请不要将此代码用于“选择”选项。在我们的选择上会有问题。

模板简介：该模板名称为【HTML 关闭 iPhone/Safari 输入元素舍入】，大小是暂无信息，文档格式为.编程语言，推荐使用Sublime/Dreamweaver/HBuilder打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【HTML】栏目查找您需要的精美模板。