LayoutTests/scrollbars/disabled-scrollbar.html

   1 <head>
   2 <style>
   3 div::-webkit-scrollbar {
   4   width:17px;
   5   height:17px;
   6 }
   7
   8 div::-webkit-scrollbar-button {
   9   display:block;
  10   width: 17px;
  11   height: 17px;
  12   background-color:lightblue;
  13   border:2px solid black;
  14 }
  15
  16 div::-webkit-scrollbar-thumb {
  17   min-width:20px;
  18   min-height:20px;
  19   background-color: navy;
  20   border:2px solid #cccccc;
  21 }
  22
  23 div::-webkit-scrollbar-button:disabled {
  24   display:none
  25 }
  26
  27 div::-webkit-scrollbar-track {
  28   background-color: maroon;
  29 }
  30
  31 div::-webkit-scrollbar-track:disabled {
  32   background-color: grey;
  33 }
  34
  35 </style>
  36 </head>
  37 <body>
  38 <div style="width:200px; height:200px; overflow-y:auto; overflow-x:scroll">
  39 Hello<br>
  40 Hello<br>Hello<br>Hello<br>Hello<br>Hello<br>Hello<br>Hello<br>
  41 Hello<br>Hello<br>Hello<br>Hello<br>
  42 Hello<br>Hello<br>Hello<br>Hello<br>
  43 Hello<br>Hello<br>Hello<br>
  44 Hello<br>Hello<br>Hello<br>
  45 Hello<br>Hello<br>Hello<br>Hello<br>
  46 Hello<br>Hello<br>Hello<br>Hello<br>Hello<br>Hello<br>
  47 Hello<br>Hello<br>Hello<br>Hello<br>
  48 Hello<br>Hello<br>Hello<br>Hello<br>Hello<br>Hello<br>
  49 Hello<br>Hello<br>Hello<br>Hello<br>
  50 Hello<br>Hello<br>Hello<br>
  51 </div>