third_party/WebKit/LayoutTests/fast/text/selection-painted-separately.html

   1 <script src="../../resources/ahem.js"></script>
   2 <style>
   3     div > div { width: 100px; font-family: Ahem; font-size: 20px; }
   4     div > div::selection { color: white; }
   5 </style>
   6 <div style="overflow: hidden; background: red; width: 100px; color: green;">
   7 <div id="target">xxxxx xxxxx</div><div>xxxxx xxxxx</div>
   8 </div>
   9 <script>
  10     var target = document.getElementById("target");
  11     getSelection().setBaseAndExtent(target.firstChild, 6, target.nextSibling.firstChild, 5);
  12 </script>