src/third_party/WebKit/LayoutTests/fast/forms/datalist/input-appearance-range-with-transform.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head></head>
   4 <body>
   5 <input type=range list=foo style="width: 100px; padding: 0 40px; transform: scale(1.5) translate(10px, 100px) rotate(-45deg);" value=20 />
   6 <div style="display: inline-block; transform: scale(1.5) translate(10px, 100px) rotate(-45deg);">
   7     <input type=range list=foo style="width: 100px; padding: 0 40px;" value=20 />
   8 </div>
   9 <div style="display: inline-block; transform: scale(1.5) translate(10px, 100px) rotate(-45deg);">
  10     <div style="display: inline-block; transform: scale(0.75) translate(10px, 100px) rotate(-45deg);">
  11         <input type=range list=foo style="width: 100px; padding: 0 40px;" value=20 />
  12     </div>
  13 </div>
  14 <datalist id=foo>
  15     <option>0</option>
  16     <option>10</option>
  17     <option>20</option>
  18     <option>30</option>
  19     <option>40</option>
  20     <option>50</option>
  21     <option>60</option>
  22     <option>70</option>
  23     <option>100</option>
  24 </datalist>
  25 </body>
  26 </html>
  27 <script>
  28 if (window.testRunner)
  29     testRunner.dumpAsTextWithPixelResults();
  30 </script>