ios的input点击时有阴影


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

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

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

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

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM