为什么将标签索引添加到<a>标签会导致它影响 chrome 中的 ：focus 行为？

Question

考虑以下几点：

<a tabindex="0" href="">With TabIndex</a>
<a href="">Without TabIndex</a>

https://jsfiddle.net/uLg7jyo9/1/

鼠标按下第一个链接移开并鼠标向上移动，您会注意到蓝色边框仍然存在。

在第二个链接上执行相同的操作，您会注意到它不是。

我希望选项卡索引影响选项卡事件而不是单击事件。我该如何解决这个问题？

注意：Firefox 似乎对它们一视同仁。

Answer 1

a{
outline:none
}

添加此样式