text-shadow-selected-2.html (700B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script type="text/javascript"> 5 function onload() { 6 window.focus(); 7 var range = document.createRange(); 8 range.selectNodeContents(document.getElementById("selectMe")); 9 var sel = window.getSelection(); 10 sel.removeAllRanges(); 11 sel.addRange(range); 12 } 13 </script> 14 <style type="text/css"> 15 body { 16 background: lightGray; 17 } 18 div { 19 position: absolute; 20 top: 10px; 21 left: 10px; 22 font: 36px monospace; 23 color: white; 24 } 25 </style> 26 </head> 27 <!-- test for bug 692752 - paint text shadow on top of selection highlight --> 28 <body onload="onload()"> 29 <div style="text-shadow:1px 1px 1px red;" id="selectMe"><bdo dir="rtl">selected shadowed rtl text</bdo></div> 30 </body> 31 </html>