Chrome：链接大纲：0，颜色过渡，以及：元素闪烁后变为不可见

Question

Chrome似乎已修复，这不再是问题。

a:hover {
    outline: 0;
}

a {
    position: relative;
    color: blue;
    text-decoration: none;
    transition: color 0.2s ease-in;
}

a:hover {
    color: green;
}

a:after {
    background: green;
    content: '';

    width: 100%;
    height: 2px;

    position: absolute;
    top: 100%;

    left: 0;
}

JSFiddle here.

使用此CSS，将鼠标悬停在链接上会导致它们闪烁然后变为不可见。如果你退回鼠标，它们仍然是隐形的。

不仅如此，段落最后一行中的任何链接仍然可以正常工作（请参阅小提琴;这很疯狂）。

删除锚点上的颜色过渡或删除：after伪元素修复了问题，但显然不会削减它。

最有趣的是，当我删除outline: 0时，一切都按预期工作。我已经从我的项目中删除了该行，因为我不需要它（我正在使用normalize.css并且它在那里）。

有人知道这里发生了什么吗？ outline:none不会遇到同样的问题。