input输入框在ios手机上获取焦点后有一个灰色阴影

遇到的场景:

有一个输入框 设置 outline:none 然后我又想给他设置获取焦点的颜色

然后 我给input 设置 border 为 1px t透明的 然后 获取焦点的时候 重新设置border 为 1px 加一个色值

然后在IOS手机上的效果

解决办法: 在input 标签上添加-webkit-appearance:none 这个属性

去除系统默认appearance的样式,常用于IOS下移除原生样式

详细解读该属性链接如下

posted @ 2018-01-23 20:45  Macchiato  阅读(...)  评论(... 编辑 收藏