text-shadow-on-selection-2.html (829B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <script type="text/javascript"> 5 function onload() { 6 var range = document.createRange(); 7 range.selectNodeContents(document.getElementById("selectMe")); 8 var sel = window.getSelection(); 9 sel.removeAllRanges(); 10 sel.addRange(range); 11 window.focus(); 12 } 13 function disableReftestWait() { 14 document.documentElement.className = ''; 15 } 16 </script> 17 <style type="text/css"> 18 body { 19 background: white; 20 font-size: 24px; 21 } 22 div { 23 color: blue; 24 text-shadow: red 2px 2px 0px; 25 } 26 ::-moz-selection { 27 background: yellow; 28 color: white; 29 text-shadow: none; 30 } 31 ::selection { 32 background: yellow; 33 color: white; 34 text-shadow: none; 35 } 36 </style> 37 </head> 38 <body onload="onload()" onfocus="disableReftestWait()"> 39 <div> 40 hello <span id="selectMe">selected</span> world 41 </div> 42 </body> 43 </html>