消除a标签的默认点击后虚线框的样式

最近前端接触的比较多，遇到一个需要使用a标签的代码块，但是单击以后a标签周围显示出虚线的一个框框，甚感难看。。

于是去W3C查看了a标签的属性，原来取消很简单哒，顺便把a标签变成手势，还去掉了下划线，哈哈

cursor:pointer;是变成手势，text-decoration:none;是去掉下划线，onfocus="this.blur();"是取消框框

<a href="#" onfocus="this.blur();" style="cursor:pointer;text-decoration:none;">下载</a>

onfocus="this.blur();"的意思是聚焦时触发blur();强制取消焦点. 非常好的方法

其他方法我就没有研究了。。