由于隐藏输入无法获得焦点,我使用以下内容替换隐藏输入:
<input style="height:0;width:0;padding:0;border:none" type="text" />
输入元素在屏幕上有一定的空间。看看调试器,它的大小为零,没有边距,没有填充,没有边框。
感谢您的帮助。
最佳答案
这里的另一个相关问题已经回答了这个问题: Why does inline-block cause this div to have height?
长话短说:
输入元素通常默认为 display: inline-block;
和内联 block 输入元素尊重父元素的行高超过它们自己的高度。你可以强制它尊重 height: 0;
通过将输入更改为 display: block;
或者给它的 parent line-height: 0;
.
关于html - 零大小的不可见输入有一个空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34703088/