去除button按钮点击后产生的虚线框

今天在做一个页面的时候发现了一个小问题~当按钮或者a链接点击后会出现一个特别丑的虚线框，就像这样：

这是由于按钮或者a链接获得焦点造成的，解决办法有：

1、设置  :focus{ outline: none; } 属性，但IE6、 7并没有用，似乎在一些Firefox浏览器上也没用

2、设置 ::-moz-focus-inner{ border: 0; }属性，Firefox有效,此处设置的不是outline，是border

3、最简单粗暴的方法 jq 基础下 $(this).blur(); 使其主动失去焦点，不用考虑浏览器问题，麻烦的是需要每个作用对象下执行