vertical slider html

1input[type=range][orient=vertical]
2{
3    writing-mode: bt-lr; /* IE */
4    -webkit-appearance: slider-vertical; /* WebKit */
5    width: 8px;
6    height: 175px;
7    padding: 0 5px;
8}

1<!--
2	For Firefox: orient="vertical"
3	For Chrome & Safari: -webkit-appearance: slider-vertical
4	For IE: writing-mode: bt-lr
5-->
6
7<!-- Example range slider -->
8<input
9    type="range"
10    min="0" max="100"
11    value="50" 
12	class="vertical"
13    orient="vertical" 
14    style="-webkit-appearance: slider-vertical;
15        	writing-mode: bt-lr;"
16>
17
18<!-- ***PLEASE NOTE***
19	The -webkit-appearance property is non-standard,
20	so it's behaviour may change across different browsers
21-->

1  overflow-y: scroll;