在触屏上, 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
即可.