您的位置:首页 > 移动开发 > IOS开发

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

2015-11-24 20:52 316 查看
在触屏上, 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
即可.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: