使用CSS3在触屏上为按钮实现激活效果

ttx9n · 发表于 2013-9-27 17:10:28

:hover伪类在触屏上表现不完美，所以需要借助:active伪类的css来表现状态变化，在触屏上，:hover和:active也不是直接就起到作用的，这里要借助一个小小的hack 1. :hover伪类在触屏上表现不完美，在Android的WebView中，WebKit会处理touch事件和mouse事件，当手指停留在按钮上，hover状态的确被触发，但是当手指保持接触屏幕并离开按钮，hover状态依然保留。所以需要借助:active伪类的css来表现状态变化。

2. 在触屏上，:hover和:active也不是直接就起到作用的，这里要借助一个小小的hack，在html的body中（或者目标元素上）添加 ontouchstart="" ,来邪恶地诱使WebView监听touch事件。

5cf304mn2 · 发表于 2022-8-13 15:43:44

天天源码社区www.tiantianym.com

q42obh · 发表于 2022-10-19 13:09:18

谢谢下载来看看

3t0ukmu · 发表于 2023-7-6 05:51:19

逛逛看看瞧瞧

fwn2rd · 发表于 2023-8-11 09:32:34

问问问企鹅哇哇哇哇哇

4r8oiin60 · 发表于 2024-3-19 03:39:36

而快乐你们快乐马年快乐

3t0ukmu · 发表于 2024-6-12 20:53:17

看看看咋么

数据TG@shuju96 · 发表于 2024-7-13 11:58:35

啦啦啦啦啦德玛西亚

wxrf98xr · 发表于 2024-7-26 11:32:16

管灌灌灌灌灌灌灌灌灌灌

uj9lpc · 发表于 2024-8-3 03:10:07

谢谢下载来看看

账号		自动登录	找回密码
密码			立即注册

[CSS] 使用CSS3在触屏上为按钮实现激活效果

相关帖子