third_party/WebKit/LayoutTests/fast/css/user-select-none.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <style>
   5             section {
   6                 border: 1px solid blue;
   7                 padding: 5px;
   8                 margin: 5px;
   9                 display: inline-block;
  10                 width: 150px;
  11                 height: 75px;
  12                 vertical-align: bottom;
  13             }
  14             section.nosel {
  15                 -webkit-user-select: none;
  16             }
  17         </style>
  18     </head>
  19
  20     <body>
  21         <section>
  22             Everything in this box should be selected and the text
  23             should be visible.
  24         </section>
  25         <section class="nosel">
  26             Nothing in this box should be selected and the text
  27             should be visible.
  28         </section>
  29         <section>
  30             Everything in this box should be selected and the text
  31             should be visible.
  32         </section>
  33
  34         <script>
  35             var selection = window.getSelection();
  36             var range = document.createRange();
  37             range.selectNodeContents(document.body);
  38             selection.removeAllRanges();
  39             selection.addRange(range);
  40         </script>
  41     </body>
  42 </html>