Fork me on GitHub

css的active事件在手机端不生效的解决方法

对一名前端来说，改页面的过程总是痛苦的，产品经理说要加个点击样式，于是加active的class，本来以为这样就OK了，没想到电脑上ok，本地测也是ok的，tomcat上一跑就没效果了。我甚至把! important也加上去了也没效果，于是就网上寻找答案，以下列出2种亲测有效的解决方法。

一个方法是把a原样式写上。

  
a{color: red;}
a:hover{color: blue;}

但是这种方法对于后来加class的人就不方便了，其实还有一个更简便的方法：在body里加个空的ontouchstart。


<body ontouchstart="">
    ...
</body>

没错，就是这么简单。如果还是没效果，你就试试在a标签里加ontouchstart。
posted @   沈宇(Eric)  阅读(595)  评论(0)  编辑  收藏  举报
编辑推荐：
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法！
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
点击右上角即可分享
微信分享提示