Html 悬停效果看起来有问题（Microsoft Edge）

我有一个问题，在Edge中，这个悬停效果看起来非常糟糕：（

微软边缘：

谷歌浏览器：

谷歌Chrome看起来不错，但我一试用微软Edge，它就显得很糟糕。有没有办法修复它

代码：
HTML

<div class="event--event__mod">
<a class="event--event__mod__item" href="censored">
<div class="event--mod__title">Problem Title</div>
 <div class="event--mod__date">Date</div>              
 <div class="event--mod__price">105,00&€</div></a></div

---

也许你应该尝试添加

transition: background 0.667s cubic-bezier(0.16, 1, 0.29, 0.99), color 0.667s cubic-bezier(0.16, 1, 0.29, 0.99);

引用每个需要转换的属性

代替

transition: all 0.667s cubic-bezier(0.16, 1, 0.29, 0.99);

---

这个问题在新的秋季创作者更新中得到了解决。

发现了类似的问题：答案是：@MaxSeelig已经看到了这一点，但这不是您发送的帖子的问题，

转换属性：所有的

都是导致错误的原因吗？我不使用它……好主意，但没有解决问题：（你能帮我做一个JSFIDLE吗？JSFIDLE无法工作……我能通过twitter向你发送URL吗？因为我不想让网站在Stackoverflow:D上被谷歌索引

transition: all 0.667s cubic-bezier(0.16, 1, 0.29, 0.99);