去除在FireFox中点击链接时,出现虚线边框的解决办法-outline

前一阵在做一个项目的时候，发现FF或IE下点击a会出现一个虚线框，本来以为是我设置了什么，可是，在chrome下看就好好的，网上查了一下解决方案，如下：

a {
 outline: none;
}

或是：

a:focus {
 outline: none;
}

但是，发现在IE6、IE7下还是不支持，CSS 2.1 规范中描述的 outline'特性，在 CSS 1 历史规范中没有规定，这导致早期版本的浏览器，如：IE6 IE7 IE8(Q) 中 'outline' 特性并不被支持，直到 IE8(S) 才修复了这个问题。

可能会使轮廓或高亮边缘等显示不出来，不会影响布局。

解决方案

由于 outline 特性不影响盒模型及文本流，所以使用此特性时，在不支持的 IE6 IE7 IE8(Q) 中不会出现影响布局的兼容性问题，只会在较小的程度上影响视觉效果，但是暂时没有好的替代方案。