<!DOCTYPE html>
<style>
.horizontal { writing-mode: horizontal-tb }
.vertical { writing-mode: vertical-lr }
</style>
<p>You should see a vertical slider with a matching thumb below.</p>
<input id="range" type="range" class="horizontal">
<script>
document.body.offsetTop;
range.className = "vertical";
</script>