Q:css移动端:acitve效果的实现

最新推荐文章于 2021-08-04 08:11:39 发布

weixin_30576859

最新推荐文章于 2021-08-04 08:11:39 发布

阅读量78

点赞数

原文链接：http://www.cnblogs.com/zero2015/p/5810998.html

版权

desc:

　　safari,iphone webkit ,android 移动端不兼容CSS的active,给a标签添加了active,点击没有效果

a：

　　1.绑定一个touchstart事件才能激活:active状态

<body ontouchstart="" onmouseover="">
</body>

　　2.去除ios系统a标签点击时的灰色背景

a,a:hover,
a:active,
a:visited,
a:link,
a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}

参考：http://stackoverflow.com/questions/8330559/hover-effects-using-css3-touch-events

参考：https://www.zhihu.com/question/24373267

转载于:https://www.cnblogs.com/zero2015/p/5810998.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30576859

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Q:css移动端:acitve效果的实现

desc:　　safari,iphone webkit ,android 移动端不兼容CSS的active,给a标签添加了active,点击没有效果a：　　1.绑定一个touchstart事件才能激活:active状态<body ontouchstart="" onmouseover=""></body>　　2.去除ios系统a标签点击时的...
复制链接

扫一扫