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 @ 2015-12-04 11:08  沈宇(Eric)  阅读(587)  评论(0编辑  收藏  举报