blob: f9efbdf7a1cd683d32f6ed775b3637df9143ea83 [file] [log] [blame]
<!DOCTYPE html>
<body>
<!--
You'll see
- three horizontal sliders with various thumb positions
- a vertical slider, and
- a slant slider.
The second slider has focus.
-->
<div><input type=range style="height: 30px;"></div>
<div><input type=range value=0 min=0 max=100></div>
<div><input type=range value=110 min=0 max=100></div>
<div><input type=range style="-webkit-appearance:slider-vertical; height:140px; margin-left:64px"></div>
<div><input type=range value=75 style="-webkit-transform: rotate(30deg)"></div>
<script>
document.getElementsByTagName('input')[1].focus();
</script>
</body>