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

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4 #mask {
   5     position: absolute;
   6     left: 0px;
   7     top: 18px;
   8     background-color: #000000;
   9     height: 30px;
  10     width: 180px
  11 }
  12 </style>
  13 <body>
  14 <input type=range list=foo dir=rtl value="0" /><br>
  15 <input type=range list=foo dir=rtl value="10" /><br>
  16 <input type=range list=foo dir=rtl value="20" /><br>
  17 <input type=range list=foo dir=rtl value="30" /><br>
  18 <input type=range list=foo dir=rtl value="40" /><br>
  19 <input type=range list=foo dir=rtl value="50" /><br>
  20 <input type=range list=foo dir=rtl value="60" /><br>
  21 <input type=range list=foo dir=rtl value="70" /><br>
  22 <input type=range list=foo dir=rtl value="100" />
  23 <datalist id=foo>
  24     <option>0</option>
  25     <option>10</option>
  26     <option>20</option>
  27     <option>30</option>
  28     <option>40</option>
  29     <option>50</option>
  30     <option>60</option>
  31     <option>70</option>
  32     <option>100</option>
  33 </datalist>
  34 <div id=mask></div>
  35 </body>
  36 </html>