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

Question

使用 @keyframes(和 animation)为 a 颜色设置动画在 Chrome 中不起作用。

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

有什么办法可以解决吗？

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

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

Answer 1

Chrome 的旧版本 (<43) 使用前缀 @-webkit-keyframes 而不是标准的 @keyframes。所以完整的支持看起来像这样:

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

更新:

我一直在用各种不同的方法做一些测试，只有当链接没有被访问时它才有效(为什么，我不知道)。

Example