头闻号

辽宁海城三洋化工厂

胺|通用有机试剂|酰胺|分析试剂|医药中间体

首页 > 新闻中心 > 科技常识:使用CSS3在触屏上为按钮实现激活效果
科技常识:使用CSS3在触屏上为按钮实现激活效果
发布时间:2023-02-01 09:52:33        浏览次数:4        返回列表

今天小编跟大家讲解下有关使用CSS3在触屏上为按钮实现激活效果 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关使用CSS3在触屏上为按钮实现激活效果 的相关资料,希望小伙伴们看了有所帮助。

1. :hover伪类在触屏上表现不完美 在Android的WebView中 WebKit会处理touch事件和mouse事件 当手指停留在按钮上 hover状态的确被触发 但是当手指保持接触屏幕并离开按钮 hover状态依然保留。所以需要借助:active伪类的css来表现状态变化。 2. 在触屏上 :hover和:active也不是直接就起到作用的 这里要借助一个小小的hack 在html的body中(或者目标元素上)添加 ontouchstart="" ,来邪恶地诱使WebView监听touch事件。

来源:爱蒂网