获取webkit文本装饰颜色动画以在safari上运行

Question

我想知道是否有人在这里有任何想法。我一直试图让以下代码在Safari上工作但没有成功。我可以使动画与其他属性一起使用，但不能使用-webkit-text-decoration-color。

我正在运行Safari 10.0.2＆amp;也无法在iphone上运行它。

<p class="underline-animation">Change underline color</p>

.underline-animation {
  text-decoration: underline;
  -webkit-text-decoration-color: yellow;
  -webkit-animation-name: underline-color-change;
  -webkit-animation-duration: 7s;
  -webkit-animation-timing-function: linear;  
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes underline-color-change {
  0% { -webkit-text-decoration-color: blue; }
  50% { -webkit-text-decoration-color: red; }
  100% { -webkit-text-decoration-color: black; }
}

https://jsfiddle.net/f0ffb6o6/2/