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

Question

有更可靠的方法来对齐吗？

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

只需将范围垂直对齐设置为中间

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

＆＃13;

＆＃13;

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

＆＃13;

<input>
<input type="range">

＆＃13;

＆＃13;

＆＃13;

Answer 2

这很简单。 vertical-align: middle;

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

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