svg - 填写tspan不改变文字颜色

Question

我创建了一个简单的 SVG，我想在文本中添加一个链接。为了表明它是一个链接，我希望它是带有下划线的传统蓝色。

根据 W3，这应该由带有 text-decoration="underline" 和 fill="blue" 的 tspan 完成，但这只会创建蓝色下划线并且文本颜色不受影响。我究竟做错了什么？

代码：

<svg height="500" width="500">
  <rect x="5" y="5" width="490" height="490" fill="#95B3D7"></rect>
  <rect x="20" y="20" width="110" height="23" fill="#FFFFFF" stroke="#000000"></rect>
  <text x="25" y="25" dominant-baseline="hanging">
    Hi, 
    <tspan text-decoration="underline" fill="blue">
      <a href="https://www.google.com">
        this is a link
      </a>
    </tspan>
  </text>
</svg>

编辑：这里有些东西很奇怪......代码片段区域显示正确的蓝色文本，但是当我在本地或 jsfiddle 中使用代码时，它以黑色显示文本

标签： svg