將輸入類型範圍與其他元素對齊

Question

是否有更可靠的方法來對齊？

input[type=text] { 
 
    position: relative; 
 
    top: -5px; 
 
}

<input type="range"> 
 
<input type="text">

Answer 1

只需設定範圍內垂直對齊到中間

input[type=range] { 
    vertical-align: middle 
} 

input[type=range]{ 
 
    vertical-align:middle; 
 
}

<input> 
 
<input type="range">

Answer 2

那樣簡單 這個。 vertical-align: middle;

input[type=range] { 
 
vertical-align: middle; 
 
}

<input type="range"> 
 
<input type="text">