svg-text-selection-shadow.html (906B)
1 <!DOCTYPE html> 2 <title>CSS Pseudo-Elements Test: ::selection with shadows for SVG </title> 3 <link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org"> 4 <link rel="help" href="https://drafts.csswg.org/css-pseudo/#selectordef-selection"> 5 <meta name="assert" content="Verify that ::selection with shadow paints behind originating shadow in SVG text."> 6 <link rel="match" href="reference/svg-text-selection-shadow-ref.html"> 7 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 8 <script src="support/selections.js"></script> 9 <style> 10 div { 11 font: 16px Ahem; 12 } 13 text { 14 text-shadow: 5px 5px 0px green; 15 } 16 ::selection { 17 background-color: transparent; 18 text-shadow: 3px 3px 0px blue; 19 } 20 </style> 21 <div> 22 <svg width="100" height="60"> 23 <text x="20" y="20">Text to select</text> 24 </svg> 25 </div> 26 <script>selectNodeContents(document.querySelector("div"));</script>