Html Safari中断文本下划线悬停

我对safari上的文字装饰有问题

我做了一个演示，在chrome上我有了我想要的行为，但在safari上不一样。我想在容器下面画一行线，但在safari上，它似乎被子元素打断了

<div class="container">
  <span>TEST</span>
  <span>-</span>
  <span>TEST</span>
</div>

试验
-
试验

这里演示-

你知道如何保持一致吗？我已经尝试在底部应用边框，但容器在我的项目中有一个图像（我不想在下面加下划线）

---

@Nenad Vracar你的答案很好

---

@Phil我在9.0.2版（11601.3.9）上，它看起来坏了。。。愚蠢的事情，但想想看

在safari中试试这个对我来说没问题..在safari中试试这个对我来说没问题。。