<html xmlns="http://www.w3.org/1999/xhtml" >
  <head>
    <style>
      text#solidStroke { fill: green; stroke: white; stroke-width: 1pt; }
      text#gradStroke { fill: green; stroke: url(#gradient); stroke-width: 1pt; }
      text::selection { background-color: blue; }
    </style>
    <script>
      function selectAll() { document.execCommand("SelectAll"); }
    </script>
  </head>
  <body onload="selectAll();">
    <p>
      <svg xmlns="http://www.w3.org/2000/svg" font-size="20" width="600px" height="200px">
        <defs>
          <linearGradient id="gradient" gradientTransform="rotate(45)">
             <stop offset="0" stop-color="yello"/>
             <stop offset="1" stop-color="red"/>
          </linearGradient>
        </defs>
        <g>
          <text id="solidStroke" y="30px">Should have blue background.</text>
          <text id="gradStroke" y="60px">Should have blue background.</text>
        </g>
      </svg>
    </p>
  </body>
</html>