OLD | NEW |
(Empty) | |
| 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> |
OLD | NEW |