去除button和a链接点击时的虚框

<input type="button" value="点击" hidefocus="hidefocus" />

<a href="www.baidu.com" hidefocus="hidefocus" ></a>

</div>

在chrom和oprea下不会出现虚线框这个问题，在IE8.0及firefox上才会出现这个问题.

解决方法：

1、IE8.0以上的版本我们只要在css中设置：:focus{outline:0}即可。

2.在firefox下我们要设置：

:focus{outline:0}

input::-moz-focus-inner{border-color:transparent!important;}  

后面这句话是指将input的边框设置成透明，!important意思指优先级高

3.在IE7.0及以下版本中我们要设置 hidefocus="hidefocus"