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

标签 html css input size invisible

由于隐藏输入无法获得焦点,我使用以下内容替换隐藏输入:

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

相关文章:

html - 如何在另一个 <div> 标签中选择一个 <div> 标签?

javascript - 我的 ng-include 不起作用

html - 格式化 html 表格内容以用于 iframe

html - Chrome中防止自动占位符输入类型日期的方法

javascript - 消除 HTML 弹出窗口的延迟

javascript - 如何在文本和表格之间切换?

jquery - 抓取 div 的 bg-color 并使用 jquery 应用于另一个

html - 什么是 -moz-padding-start 和 html.css ?无法摆脱这种填充

c - strcpy() 不适用于某些字符串,但不适用于其他字符串

javascript - 将插入符号移动到文本输入字段的末尾并使末尾可见