css - 在新窗口中打开链接时删除 Firefox 和 IE 中的链接边框

Question

当您在 Firefox 和 IE 中打开新窗口中的链接并访问新窗口并返回到第一个窗口时，该链接有一个虚线边框。我不希望在我的网站上有这个边框。我怎样才能删除它？

Answer 1

你可以使用这个 CSS 来解决这个问题：

a :: -moz-focus-inner{border:0;}
a:focus, a:active{
outline:none;
ie-dummy:expression(this.hideFocus = true);
border: 0px none;
}

Answer 2

只需使用这个 CSS：

a:active, a:focus {outline: 0;}

这是outlineCSS 规则。

需要注意的是，这会给可访问性带来问题。

你可以用这个小提琴检查：http: //jsfiddle.net/sWpSq/

Answer 3

对于像我这样的愚蠢的人，可以在firefox上的其他html元素上找到图形问题，解决方案是在它们上使用::-moz-focus-inner，例如：

a::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
  border: 0;
}