您的位置:首页 > 移动开发

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

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

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

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

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

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

没错,就是这么简单。如果还是没效果,你就试试在a标签里加ontouchstart。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: