Css Slider Vertical Code Example


Example 1: vertical slider html


<!--
For Firefox: orient="vertical"
For Chrome & Safari: -webkit-appearance: slider-vertical
For IE: writing-mode: bt-lr
-->


<!-- Example range slider -->
<input
type="range"
min="0" max="100"
value="50"
class="vertical"
orient="vertical"
style="-webkit-appearance: slider-vertical;
writing-mode: bt-lr;
"

>


<!-- ***PLEASE NOTE***
The -webkit-appearance property is non-standard,
so it's behaviour may change across different browsers
-->

Example 2: adding vertical sliders in css


overflow-y: scroll;

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable