手机端代码,移动端代码,手指移上时变色,离开后恢复

郑州/三维设计师/8年前/275浏览
手机端代码,移动端代码,手指移上时变色,离开后恢复

之前写过一个文章,但是那个是给程序看的,那个针对源码写的,其实没那么复杂。

经常写PC端的朋友肯定会用a:hover标签,来实现鼠标放上后变色,离开后恢复原来。


但是!!!

如果你手机端也用a:hover标签,想实现手指触摸时变色,离开后恢复,就大错特错了!!!


我刚开始写手机端用的就是a:hover,后来发现,手指离开后,手机端还是不能恢复!!网上查了很多,根本没有真正的解释!骂人的心都有了!!


一次,无意之间,我把a:hover  改成了a:active 后!  成功了!!成功了!!手机端手指移上时变色,离开后恢复!


PC端a:active用的时候很好用,但是手机端,如果你想实现完美css变色效果,必须用a:active!


现在我把项目上所有手机端的:hover伪类标签全部替换成:active。项目更新后,完美~!

1
Report
|
3
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in