third_party/WebKit/LayoutTests/fast/text/justified-selection.html

   1 <style>
   2     ::selection { color: green; background-color: yellow; }
   3 </style>
   4 <p>
   5     Test for revision <a href="http://trac.webkit.org/projects/webkit/changeset/20574">#20574</a>.
   6 </p>
   7 <p>
   8     The two blue boxes should be identical.
   9 </p>
  10 <div style="text-align: justify; width: 100px; border: solid blue;">L<span style="background-color: yellow; color: green;">o r</span>e mi psumdolor</div>
  11 <br>
  12 <div id="target" style="text-align: justify; width: 100px; border: solid blue;">Lo re mi psumdolor</div>
  13 <script>
  14     var text = document.getElementById("target").firstChild;
  15     getSelection().setBaseAndExtent(text, 1, text, 4);
  16 </script>