大家是怎么解决手机里hover与active的效果？

发布于
2014-12-11

我刚才给链接加了a:hover,a:active{color:#ff0000}
结果在手机chrome和微信里能有红色文字效果出现，但是在uc手机浏览器里，根本没效果，大家是怎么解决的呢？
还有就是按下链接的时间要稍稍长一点，chrome手机版和微信里才能显示红色文字，如果手指点击按钮后立即离开，也不会有hover和active的效果。
那么问题来了，大家究竟是怎么解决手机里hover与active效果的呢？

css

阅读 31.1k

5 个回答

得票最新

pc120

68318126170

发布于
2016-11-11

touchend旁边可以加一个touchcancel

查看全部 5 个回答

gfm688

发布于
2016-11-07

新手上路，请多包涵

var btns = $('.button');
btns.on('touchstart', function(){
  $(this).addClass("active");
  //$(this).css({"background": "#1583cc"});
});
btns.on('touchend', function(){
  $(this).removeClass("active");
  //$(this).css({"background": "#2199e8"});
});

还是有bug的，长按之后一直active，没收到touchend

推荐问题

相似问题

找不到问题？创建新问题

大家是怎么解决手机里hover与active的效果？

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

如何实现类似豆包的AI改写框跟随内容滚动效果？

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

如何在CSS中实现滚动条不溢出圆角框？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？

css如何设置纵向滚动条的高度？

如何在Ant Design表格中同时设置scroll.x和scroll.y且表头不换行？