html - 为什么我的用于链接颜色的关键帧动画在Chrome中不起作用？

在Chrome中，无法使用@keyframes(和animation)为a颜色设置动画。

演示:https://jsfiddle.net/ed3pypwr/
在Chrome中，链接保持蓝色。在Firefox中，它会按预期从红色变为绿色。在div上，它在Chrome中也可以正常运行。

有什么办法可以解决这个问题？

编辑
我知道应该以-webkit-为前缀，以确保最大的兼容性，但这不是这里的问题。无论如何，它是行不通的。

编辑2
一种解决方案是将链接放在包装器中，并使用currentColor:https://jsfiddle.net/b84gttu6/。有没有更好的办法 ？

最佳答案

Chrome的旧版本(@-webkit-keyframes而不是标准@keyframes。因此，完整的支持如下所示:

@-webkit-keyframes test
{
   from { color: red; }
   to { color: green; }
}
@keyframes test
{
   from { color: red; }
   to { color: green; }
}

更新:

我已经使用各种不同的方法进行了一些测试，并且只有在未访问链接的情况下它才起作用(为什么，我不知道)。

Example