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

用户头像
郑州/三维设计师/9年前/1002浏览
手机端代码,移动端代码,手指移上时变色,离开后恢复

写WEB手机端有一段时间了,碰到一个非常棘手的问题。手指移上时变色,手指离开后就不能恢复颜色了。一直保持手指移上时的状态。

写WEB手机端有一段时间了,碰到一个非常棘手的问题。

我最开始用的是:hover事件  手指移上时变色,手指离开后就不能恢复颜色了。一直保持手指移上时的状态。



-----------------------------------前端设计请看--------------------------------------------------

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


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


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


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


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


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

7
举报
|
2
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
智能家居中心 简约 UI设计组件库
3D卡通UI界面图标可爱插画免扣素
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI 登录界面设计模板包
户外旅行飞机情侣假日出行
钱包ui模板
【新年UI图标】会员icon
科技医疗透明柜UI界面设计
拟物风质感写实UI卡片合集源文件
新能源APP应用UIKit
【新年UI图标】秒杀icon
【新年UI图标】礼物/活动icon
高级表盘系列UI源文件
高级感金属拟物 UI设计组件库
【新年UI图标】30个图标
【新年UI图标】旅行icon
我的钱包-UI界面设计-app
Security Camera UI kit
盲盒APP UI设计
3D渐变流体抽象矢量UI背景图
【新年UI图标】汽车icon
【新年UI图标】体育icon
【新年UI图标】钱包icon
你可能喜欢
大家都在看
登录注册