1 IOS 表单元素点击自带背景阴影
最近一直做移动端前端开发,发现一个神奇的东西,对于IOS下的,input或者label元素,
点击之后,总是会出现一个背景阴影的现象。
之前一直怀疑是Fastclick这个哥们搞的鬼,最后查了fastclick的源码,fastclick并没有对它进行过处理,最后发现是IOS系统自带的背景色。需要消除的话,只需要一行CSS代码即可:
在你需要消除效果的元素上加上:
//透明度设置为0,去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)
-webkit-tap-highlight-color:rgba(0,0,0,0);