Safari打破文本下划线悬停

Question

我在safari上遇到了文字装饰问题。

我做了一个演示并且在chrome上我有我想要的确切行为但在safari上却不一样。我希望有一行用下划线表示容器，但在safari上它看起来被子元素

打破了

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

在此演示 - http://codepen.io/anon/pen/RrLKVW

有关如何使其保持一致的任何想法？我尝试在底部应用边框，但容器在我的项目中有一个图像（我不想要下划线）

@Nenad Vracar你的答案很好。

@Phil我在版本9.0.2（11601.3.9）上它看起来很破碎...傻事但是去图