title: Fill in tspan not changing text color
body: <p>I have created a simple SVG, where I want to add a link inside a text.
  To show that it is a link, I want it to be in the traditional blue with underline.</p>
  
  <p>According to W3 this should be done by tspan with text-decoration="underline" and fill="blue", but this only creates a blue underline and the text-color is unaffected. What am I doing wrong?</p>
  
  <p>Code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;svg height="500" width="500"&gt;
    &lt;rect x="5" y="5" width="490" height="490" fill="#95B3D7"&gt;&lt;/rect&gt;
    &lt;rect x="20" y="20" width="110" height="23" fill="#FFFFFF" stroke="#000000"&gt;&lt;/rect&gt;
    &lt;text x="25" y="25" dominant-baseline="hanging"&gt;
      Hi, 
      &lt;tspan text-decoration="underline" fill="blue"&gt;
        &lt;a href="https://www.google.com"&gt;
          this is a link
        &lt;/a&gt;
      &lt;/tspan&gt;
    &lt;/text&gt;
  &lt;/svg&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>EDIT:
  Something is very strange here... the code snippet area shows the correct blue text, but when I use the code locally or in jsfiddle, it shows the text in black</p>