input输入框在苹果手机上边框有阴影

问题描述：

h5移动端页面，input输入框在苹果手机上显示有兼容性问题，边框上方出现阴影，通过统一设置border,也不能消除。如下图所示：

解决方案：

添加如下样式即可解决

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