| <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> |
