Css Chrome：链接轮廓：0、颜色转换和：元素闪烁并变为不可见后

看来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;
}

使用此CSS，将鼠标悬停在链接上会使链接闪烁，然后变为不可见。如果您将鼠标移回，它们将保持不可见

不仅如此，这一段最后一行中的任何链接都可以正常工作（参见小提琴；这太疯狂了）

移除锚点上的颜色转换或移除：after伪元素修复了问题，但显然这不会解决问题

最有趣的是，当我删除

大纲：0

时，一切都按预期进行。我已经从我的项目中删除了该行，因为我不需要它（我正在使用它，它就在那里）

---

有人知道这里发生了什么吗<代码>大纲：没有一款不会遇到同样的问题。

Chrome在大纲上做了不可思议的事情。我怀疑

outline:none

不会出现相同问题的原因是

none

是

outline样式的初始值。当您忽略宽度时，您将其设置为初始值，即
中等
——这看起来就像为任何组件属性设置初始值以外的任何内容都会导致Chrome按其方式操作。