防止iPhone为HTML表单元素转角

Question

虽然其他人都喜欢这些圆角并询问如何制作它们，但我必须为我的情况摆脱它们。 iPhone使用圆角渲染我的HTML元素。有什么方法可以阻止这种情况吗？

下图显示了示例控件。

HTML代码大致是

<input class="text" type="text"/>
<input class="button" type="button"/>

CSS代码大致是

.text {
  border: 1px solid #aabbcc;
  height: 2em;
  width: 100%;
}

.button {
  border: 1px solid #ffffff;
  background-color: #385070;
  color: #ffffff;
  font-weight: bold;
  height: 2.2em;
}

Answer 1

input {
    -webkit-border-radius: 0;
}

Answer 2

CSS救援！您需要以下样式：

border-radius:0px;