删除iOS输入阴影

删除iOS输入阴影

您需要使用

-webkit-appearance:none;

来覆盖默认的IOS样式。但是，仅选择

input

CSS中的标记不会覆盖默认的IOS样式，因为IOS使用属性选择器添加了它的样式

input[type=text]

。因此，您的CSS将需要使用属性选择器来覆盖已预设的默认IOS
CSS样式。

尝试这个：

input[type=text] {           -webkit-appearance: none;    -moz-appearance: none;    appearance: none;        border-radius: 15px;    border: 1px dashed #BBB;    padding: 10px;    line-height: 20px;    text-align: center;    background: transparent;    outline: none;    }