从一个专注的伪元素中移除轮廓

我正在尝试创建一个日志脚本，带有指向特定行的链接。有一个标题，它把所有东西都推下去;现在，这些链接当然会将内容拉到标题后面，因此我需要一种方法将它们集中在标题之后。从一个专注的伪元素中移除轮廓

伪元素救援！至少，部分;发现的问题是每个人都有一个焦点轮廓，点击链接时。尽我所能，我一直无法摆脱这个大纲。现在，通常情况下，这样的轮廓不会是真正的问题。正是在这里，然而，考虑到之后的另一个日志中的台词来，鼻翼：

Annoying outline is annoying

至于什么我没试过吗？那么，我试图选择伪元素的焦点伪类，但不成功：

html，用于再现问题;

<a id="1" href="#1">[123456]</a><br /> 
<a id="2" href="#2">[123456]</a><br /> 
<a id="3" href="#3">[123456]</a><br /> 
<a id="4" href="#4">[123456]</a><br /> 
<a id="5" href="#5">[123456]</a><br /> 
<a id="6" href="#6">[123456]</a><br /> 
<a id="7" href="#7">[123456]</a><br /> 
<a id="8" href="#8">[123456]</a><br /> 
<a id="9" href="#9">[123456]</a><br /> 
<a id="10" href="#10">[123456]</a><br /> 
<a id="11" href="#11">[123456]</a><br />

的CSS，在解决问题的尝试（以及再现）

a::before { 
    display: block; 
    content: " "; 
    margin-top: -100px; 
    height: 100px; 
    visibility: hidden; 
} 

a:focus::before { outline: none; } 
a:active::before { outline: none; }

最后，的jsfiddle，对这个问题的一个活生生的例子;看到恼人的轮廓，只需点击任何链接：Fiddle

TL; DR：我很难去除伪元素的焦点轮廓。

来源

2014-09-10 Daedalus

怎么样'A {纲要：无;}'？ http://img.cn/imtheman/061coacy/1/ – imtheman 2014-09-10 22:15:57

@imtheman上帝，我是一个白痴。我应该尝试过，那样我就不会浪费人们的时间;如果你可以把它作为答案，我会接受它。我认为问题出在伪元素上。 – Daedalus 2014-09-10 22:18:03

对于那些想知道的问题，由于从链接中删除轮廓被认为是不好的做法，我在链接中放了一个跨度，并将轮廓应用于该轮廓。 – Daedalus 2014-09-10 22:44:12