hover效果存在于移动端?

移动端触摸按钮的效果,可明示用户有些事情正要发生,是一个比较好的体验,但是移动设备中并没有鼠标指针,使用css的hover并不能满足我们的需求,那么正好分享一个激活css的active效果,代码如下:

然而,兼容问题是我们始终要去考虑的,任重而道远,要做到全兼容的办法,可通过绑定ontouchstart和ontouchend来控制按钮的类名即可

如果想要学习更多关于前端的干货,请进我Q群详聊:142991222,慢慢探讨。好了,帅的美的人都不会白看我的分享的,赞起来,转起来,也欢迎大家吐糟!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,704评论 1 92
  • meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略And...
    Mycro阅读 4,542评论 0 11
  • META相关 1. 添加到主屏后的标题(IOS) 2. 启用 WebApp 全屏模式(IOS) 当网站添加到主屏幕...
    老夫的天阅读 8,203评论 3 21
  • 我 困了 躺着的是床窝着的是沙发 可哪里是我的家 父亲从中原走出 母亲在西北长大 江南的风将我撒下 可我跺跺脚下的...
    孤高之泥鳅阅读 1,765评论 0 0
  • 风吹的时候,你笑的时候, 微笑的眼眸,让我不知所措。 虽然你我不算熟,我却记得你每个动作。 下雨的时候,你累的时候...
    写诗的雪阅读 1,333评论 0 0

友情链接更多精彩内容