我的网站在iphone/Safari浏览器上呈现得很好，但有一个例外:我的文本输入栏有一个奇怪的圆形样式，这与我网站的睡觉一点也不好看.
有没有办法指示Safari(通过CSS或元数据)不要将输入字段四舍五入，并按预期将其呈现为矩形？
我的网站在iphone/Safari浏览器上呈现得很好，但有一个例外:我的文本输入栏有一个奇怪的圆形样式，这与我网站的睡觉一点也不好看.
有没有办法指示Safari(通过CSS或元数据)不要将输入字段四舍五入，并按预期将其呈现为矩形？
在iOS 5及更高版本上:
input {
border-radius: 0;
}
input[type="search"] {
-webkit-appearance: none;
}
如果您必须只删除iOS上的圆角，或者由于某些原因无法跨平台标准化圆角，请使用input { -webkit-border-radius: 0; }属性，该属性仍然受支持.当然要注意，苹果可以随时 Select 放弃对前缀属性的支持，但考虑到其他特定于平台的CSS功能，他们很可能会保留它.
在旧版本上，您必须设置-webkit-appearance: none:
input {
-webkit-appearance: none;
}