third_party/WebKit/LayoutTests/svg/text/selection-partial-gradient.html

   1 <!DOCTYPE html>
   2 <style>
   3 text::selection {
   4   fill: url(#green);
   5 }
   6 </style>
   7 <svg>
   8   <linearGradient id="green">
   9     <stop stop-color="green"/>
  10   </linearGradient>
  11   <linearGradient id="white">
  12     <stop stop-color="white"/>
  13   </linearGradient>
  14   <text x="10" y="20" font-size="20" font-family="monospace" fill="url(#white)">PASS FAIL</text>
  15 </svg>
  16 <script>
  17 var textNode = document.querySelector('text').firstChild;
  18 var range = new Range();
  19 range.setStart(textNode, 0);
  20 range.setEnd(textNode, 4);
  21 document.getSelection().addRange(range);
  22 </script>