iOS设备下添加button的按下效果

最新推荐文章于 2017-10-31 10:32:59 发布

weixin_30907523

最新推荐文章于 2017-10-31 10:32:59 发布

阅读量378

点赞数

原文链接：http://www.cnblogs.com/7z7chn/p/4992877.html

版权

在触屏上, button的按下效果用:active触发, 但是我发现iOS设备上:active效果并没有生效. :active pseudo-class doesn't work in mobile safari告诉我只要:

<body ontouchstart="">
...
</body>

即可.

其实这个问题以前搜过但是忘记了, 后来发现body上加了ontouchstart=""但就是想不起来为什么加了... 还好这次又碰到了.

第二个问题是: 当点击iOS设备上的button的时候, 按键周围会有一个半透明的黑色框一闪而过. 想要去掉这个黑色框, 参考iPad Safari: How to disable the quick blinking effect when a link has been hit, 只需要给button加上属性-webkit-tap-highlight-color: transparent即可.

转载于:https://www.cnblogs.com/7z7chn/p/4992877.html