内联块链接在Microsoft Edge中不起作用

Question

我遇到了Microsoft Edge中的一个错误，其中<a>标记无法点击。我设法将它提炼到这里最简单的例子：

a {
  visibility: hidden;
  display: inline-block;
}

a::after {
  visibility: visible;
  content: "more";
}

<span>
  <a href="#">go!</a>
</span>

如果有人有任何想法，我真的很感激。谢谢！

Answer 1

免责声明：我在这里使用的是IE11，但是你为Edge描述了同样的问题，所以我希望这个解决方案也适用于那里。
但这有点像黑客;如果有更好的解决方案，我很乐意删除这个。

a {
  display: inline-block;
  overflow:visible;
  color:white; /* note: use current background color */
  position:relative;
}

a::after {
  color:black; /* note: use current foregound color */
  content: "more";
  position:absolute; left:0; top:0;
}

<span>
  <a href="#">go!</a>
</span>