input上边框有阴影（iPhone手机）

做移动端，发现在苹果手机上input显示有问题，上边框一直有阴影。input的border初始化、box-shadow也做了处理：box-shadow：0 0 0 #fff，在手机端都无效。

如图：

 

解决方案：

input {
    outline: none;
    -webkit-appearance: none; /*去除系统默认的样式*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
}

 

 

效果：

　　 

 

转载于:https://www.cnblogs.com/Fourteen-Y/p/11097195.html