如果不使用填充，有没有办法得到它？

Question

聚焦输入文本框。光标位于顶部，如果不使用padding-top，我想将光标定位在中心部分。我该怎么办？

Answer 1

您可以尝试这样的事情：

#input-field {
   height: 20px;
   line-height: 20px;
}

这将使文本在输入字段上垂直居中，这也应该使光标居中。

Answer 2

使用此 -

img{ vertical-align: middle; }

Demo

OR

使用 -

按下输入文本元素

input[type="text"]{
  margin: 4px 0 0 0;
}

Answer 3

您可以使用此

 input{
    height:      YOURIMAGE HEIGHT;
    line-height: YOURIMAGE HEIGHT; 
    display:block
 }