CSS中取消iOS输入框的渐变非常简单,只需要在相关样式表中设置一些特定的样式即可。
input {
-webkit-appearance: none;
border-radius: 0;
background-color: transparent;
} 在上面的代码中,我们使用了一个私有的CSS属性`-webkit-appearance`来取消iOS输入框的默认样式,然后设置了`border-radius:0`和`background-color:transparent`来去除圆角和背景。
此外,在安卓设备上,我们可能需要将`outline:none`添加到样式中,以删除默认边框。
input {
-webkit-appearance: none;
border-radius: 0;
background-color: transparent;
outline: none; /* add this for android */
} 通过这些简单的样式规则,我们可以轻松地取消iOS输入框的渐变效果,并且获得更灵活的控制权。