<div style="zoom: 0.7;">
    <input type=range list=foo style="width: 100px;" />
    <input type=range list=foo style="-webkit-appearance:slider-vertical; height: 100px; width: 30px" />
</div>

<div style="zoom: 1.5;">
    <input type=range list=foo style="width: 100px;" />
    <input type=range list=foo style="-webkit-appearance:slider-vertical; height: 100px; width: 30px" />
</div>

<div style="zoom: 2;">
    <input type=range list=foo style="width: 100px;" />
    <input type=range list=foo style="-webkit-appearance:slider-vertical; height: 100px; width: 30px" />
</div>

<datalist id=foo>
    <option>0</option>
    <option>10</option>
    <option>20</option>
    <option>40</option>
    <option>80</option>
    <option>100</option>
</datalist>