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

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <div><input type=range value=0 dir=rtl></div>
   5 <div><input type=range value=50 dir=rtl></div>
   6 <div><input type=range value=100 dir=rtl></div>
   7 <div><input type=range value=100 style="direction:rtl"></div>
   8 <div><input type=range value=100 id=r1></div>
   9 <div><input type=range value=100 id=r2></div>
  10 <div><input type=range value=0 id=r3 dir=rtl></div>
  11 <div><input type=range value=0 id=r4 style="direction:rtl"></div>
  12 <div><input type=range style="-webkit-appearance:slider-vertical; height:140px;" value=80 dir=rtl></div>
  13 <script>
  14 document.getElementById('r1').dir = 'rtl';
  15 document.getElementById('r2').style.direction = 'rtl';
  16 document.getElementById('r3').dir = 'ltr';
  17 document.getElementById('r4').style.direction = 'ltr';
  18 </script>
  19 </body>
  20 </html>