链接在flexbox容器中无法正常工作

Question

我在使用flexbox布局中的链接时遇到了麻烦。链接实际上是有效的（如果你点击它，它将带你去任何地方），但问题在于光标。

在Chrome和Safari中，当您输入链接时，光标仅显示为瞬间指针。在Firefox中，光标在默认箭头和指针之间快速闪烁。

CodePen演示：http://codepen.io/anon/pen/vLOVwK

我已尝试使用cursor: pointer;并将链接包裹在<div>中无效。

这是一个已知的错误吗？ （我无法找到任何信息）并且有任何变通方法吗？感谢。

编辑：我应该使用最新版本的Chrome，Safari和FF在OSX上添加。

编辑2 ：问题的屏幕直播GIF：http://i.imgur.com/6FpuwYI.gifv

Answer 1

试试这个：

.flex-container {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

你有：

   .flex-container {
  -webkit-display: flex;
      -ms-display: flex;
          display: flex;
    }

哪种AFAIK不起作用。顺便说一句，我不再认为prefixes are necessary了。