移动端:active伪类无效的解决方法【移动端 ：active样式无效】2016-09-26  15:46:50

 

问题： 移动端开发的时候实现按钮的点击样式变化，但是在iphone【safiri Mobiles】下没有效果显示！

 

 

解决：看来在iOS系统的移动设备中，需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。　　

 

 

代码：   

　　

 //移动端:active伪类无效的解决方法
 document.body.addEventListener('touchstart', function () {});