将输入类型范围与其他元素对齐

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">