closuresiPhone / Safariinput元素舍入
我的网站在iPhone / Safari浏览器上渲染效果很好，但有一个例外：我的文本input框有一个奇怪的圆形样式，与我的其他网站看起来不太一样。
有没有办法指示Safari（通过CSS或元数据）不舍入input字段，并按预期呈现矩形？
在iOS 5及更高版本中，好的border-radius可以实现这个function：
input { border-radius: 0; }
如果您只能删除iOS上的圆angular，或者由于某些原因无法标准化平台上的圆angular，请使用前缀-webkit-border-radius属性，而该属性仍然受支持。 当然，请注意，Apple可以随时select放弃对前缀属性的支持，但考虑到其他特定于平台的CSSfunction，他们可能会保留它。
在旧版本中，您必须设置-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; }
注意：请不要将此代码用于select选项。 它会在我们的select有问题。
Chrome上的单选button消失。 这工作：
input:not([type="radio"]):not([type="checkbox"]) { -webkit-appearance: none; border-radius: 0; }
以下是Compass（SCSS）的完整解决scheme：
input { -webkit-appearance: none; // remove shadow in iOS @include border-radius(0); // remove border-radius in iOS }
对于iPhone 3GS上的iOS 5.1.1，我必须清除search字段的样式，并将其设置为预期样式
input[type="search"] {-webkit-appearance: none; border-radius: 0 3px 3px 0;}
做-webkit-border-radius: 0; 独自一人并不清楚原生造型。 这也是一个本地应用程序的web视图。
我有同样的问题，但只为提交button。 需要去除内部阴影和圆angular –
input[type="submit"] { -webkit-appearance:none; -webkit-border-radius:0; }
我用了一个简单的border-radius：0; 删除文本inputtypes的圆angular。
如果你使用normalize.css，那样式表会做一些类似于input[type="search"] { -webkit-appearance: textfield; } input[type="search"] { -webkit-appearance: textfield; } 。
这比.foo这样的单个类select器具有更高的特异性，所以要注意的是，你不能只是.my-field { -webkit-appearance: none; } .my-field { -webkit-appearance: none; } 。 如果没有更好的方法来达到正确的特异性，这将有助于：
.my-field { -webkit-appearance: none !important; }
请试试这个：
尝试添加input CSS像这样：
-webkit-appearance: none; border-radius: 0;
为了在Safari和其他浏览器上正确渲染button，除了将webkit-appearance设置为none之外，还需要为button提供特定的样式，例如：
border-radius: 0; -webkit-appearance: none; background-image: linear-gradient(to bottom, #e4e4e4, #f7f7f7); border: 1px solid #afafaf
