鉻<INPUT TYPE =「範圍」>總是高於其他html元素

Question

假設我有一個簡單的容器，其具有三個元件：

<div> 
    <span>hello world</span>   
    <input id="ipt" type='test'> 
    <input id="rge" type='range'> 
</div> 

但它顯示最後#rge總是高於其它兩個， 像這樣（在Chrome瀏覽視圖）：？？http://jsfiddle.net/hh54188/SYNPa/1/

爲什麼發生這種情況我該如何解決這個問題，而不添加其他HTML元素只是用CSS工作

Answer 1

您應該添加以下CSS到您的#rge定義：

vertical-align:middle;

這使元素垂直居中在線上。