third_party/WebKit/LayoutTests/scrollbars/custom-scrollbar-thumb-focus-iframe-inactive-pseudo-expected.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 ::-webkit-scrollbar {
   4     width: 12px;
   5     height: 12px;
   6 }
   7 ::-webkit-scrollbar-track {
   8     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   9     -webkit-border-radius: 10px;
  10     border-radius: 10px;
  11 }
  12 ::-webkit-scrollbar-thumb {
  13     -webkit-border-radius: 10px;
  14     border-radius: 10px;
  15     background: rgba(255,150,250,0.8);
  16     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  17 }
  18 html {
  19     overflow: scroll;
  20 }
  21 body {
  22     width: 1000px;
  23     height: 1000px;
  24 }
  25 div {
  26     width: 100px;
  27     height: 100px;
  28     overflow: scroll;
  29 }
  30 </style>
  31 <body>
  32 <iframe src="resources/scrollable-iframe-customscrollbar-expected.html"></iframe>
  33 <div><p style="width:200px;height:200px"></p></div>
  34 <div><p style="width:200px;height:200px"></p></div>
  35 </body>