手机端页面中的a标签，在绑定点击事件时，会出现下划线?

首页 

• link      : 链接平常的状态 
• visited : 链接被访问过之后 
• hover : 在PC端表示：鼠标放到连接上的时候；在手机端表示手指触碰时
• active : 链接被按下的时候 

    focus 在手机端则是点击时出现的样式，在手机端与hover 一样

问题：

    手机端使用a标签绑定点击事件后，当点击a标签时，会出现默认的下划线。

解决方法：

可加上重置样式

a:link{text-decoration: none!important;  }
a:visited{text-decoration: none!important;  }
a:hover{text-decoration: none!important;  }
a:active{text-decoration: none!important;  }
a:focus{text-decoration: none!important;  }

 

转载于:https://my.oschina.net/u/3757195/blog/1614124