内联块链接在 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 描述的问题相同，所以我希望这个解决方案也能在那里工作。
虽然有点hack；如果出现更好的解决方案，我会很乐意删除这个。

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>

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

inline-block links don't work in Microsoft Edge

html

css

microsoft-edge