| <style> |
| ::selection { color: green; background-color: yellow; } |
| </style> |
| <p> |
| Test for revision <a href="http://trac.webkit.org/projects/webkit/changeset/20574">#20574</a>. |
| </p> |
| <p> |
| The two blue boxes should be identical. |
| </p> |
| <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> |
| <br> |
| <div id="target" style="text-align: justify; width: 100px; border: solid blue;">Lo re mi psumdolor</div> |
| <script> |
| var text = document.getElementById("target").firstChild; |
| getSelection().setBaseAndExtent(text, 1, text, 4); |
| </script> |