零大小的不可见输入有一个空格

Question

我使用以下内容替换隐藏的输入，因为隐藏的输入无法获得焦点：

  <input style="height:0;width:0;padding:0;border:none" type="text" />

输入元素在屏幕上有一定的空格。看看调试器，它没有大小，没有边距，没有填充，没有边框。

感谢您的帮助。

Answer 1

此处有另一个相关问题回答： Why does inline-block cause this div to have height?

长话短说： 输入元素通常默认为display: inline-block;，并且内嵌块输入元素在其自身高度上尊重其父元素的行高。您可以通过将输入更改为height: 0;或者通过提供其父display: block;来强制它尊重line-height: 0;。