问iOS在输入上强制圆角和眩光

EN

我工作的版本是：

input {
    -webkit-appearance: none;
}

在某些webkit浏览器版本中，您可能还会遇到border-radius仍然存在的问题。使用以下内容进行重置：

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

这可以扩展到所有webkit样式的form组件，如input、select、button或textarea。

在引用原始问题时，当清除任何基于单位的css元素时，您不会使用值'none‘。还要注意的是，这会隐藏Chrome中的复选框，所以可以使用input[type=text]或input[type=submit], input[type=text]之类的设置，或者过滤掉那些不使用圆角设置的复选框，比如input:not([type=checkbox]), input:not([type=radio])。

你可以用下面的代码去掉更多的webkit表单、输入等样式：

input, textarea, select {
   -webkit-appearance: none;
}

对于提交按钮，不要使用：

<input type="submit" class="yourstylehere" value="submit" />

请改用按钮标记：

<button type="submit" class="yourstylehere">Submit</button>

这对我很有效。