ios的input点击时有阴影

　最近做项目时遇到一个问题，就是h5页面，在ios浏览器中打开的时候，上面的input框点击的时候会出现一片阴影，然后一闪而过，对功能没什么阴影，就是不太美观。经过试验发现，当input使用默认边框时，也会有闪，因为有边框的原故，闪的不太明显，当input边框去了，或者边框和背景色相同时，就会闪了。

      经过各种试，找到一个新属性

给input加上这个属性就可以了，

a,input{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

具体什么原理还不太清楚，应该是这个属性将input框获得焦点时的高亮给覆盖了。

 

转载于:https://www.cnblogs.com/apgy/p/9181714.html