third_party/WebKit/LayoutTests/fast/scrolling/scrollbar-tickmarks-styled.html

   1 <!DOCTYPE html>
   2 <head>
   3 <script src="../../resources/ahem.js"></script>
   4 <style>
   5 html {
   6     font: Ahem 10px;
   7     -webkit-font-smoothing: none;
   8 }
   9 ::-webkit-scrollbar {
  10     width: 13px;
  11     height: 13px;
  12 }
  13 ::-webkit-scrollbar-track {
  14     background-color:green;
  15 }
  16 ::-webkit-scrollbar-thumb {
  17     background-color:rgba(128, 128, 128, 0.8);  /* Let tickmark shine through */
  18 }
  19 </style>
  20 <script>
  21 function highlight()
  22 {
  23     var range = document.createRange();
  24     var elt = document.getElementById('elt');
  25     range.selectNodeContents(elt);
  26     if (window.internals) {
  27         window.internals.addTextMatchMarker(range, true);
  28     }
  29     if (window.testRunner)
  30         testRunner.dumpAsTextWithPixelResults();
  31 }
  32 </script>
  33 </head>
  34 <body onload="highlight();">
  35
  36 <div style="height:600px"></div>
  37 <span id="elt" style="position:absolute; top:300px">&nbsp;</span>
  38
  39 </body>
  40 </html>