Css 输入框高度问题

Css 输入框高度问题,css,Css,我试图设置具有特定内部高度的输入框,但遇到了以下问题: font-size: 12px; line-height: 12px; height: 12px; display: block; padding: 5px; 是我放入内联样式或样式表中的示例。我希望输入框的值在全高时可见,但输入框的内部高度最终非常小,并且似乎总是遵循以下形式: actual inner height = css height - 2*border width - 2*padding 有趣,因为我发誓我以前做过这件事。

我试图设置具有特定内部高度的输入框,但遇到了以下问题:

font-size: 12px; line-height: 12px; height: 12px; display: block; padding: 5px;
是我放入内联样式或样式表中的示例。我希望输入框的值在全高时可见,但输入框的内部高度最终非常小,并且似乎总是遵循以下形式:

actual inner height = css height - 2*border width - 2*padding

有趣,因为我发誓我以前做过这件事。我遗漏了什么?

您给出的公式适用于某些Internet Explorer版本。所以,也许您使用的是非常旧的浏览器?;)

阅读有关上的错误。根据那篇文章,如果页面呈现在“中”,则所有IE浏览器中仍然存在该漏洞,这会触发:

  • 单据类型声明缺失或不完整时
  • 遇到HTML 3或更早版本的文档时
  • 当使用HTML 4.0过渡或框架集文档类型声明且不存在系统标识符(URI)时
  • 当SGML注释或其他无法识别的内容出现在文档类型声明之前时
  • 文档中任何地方出现错误时
  • 如果在文档类型声明之前有XML声明,Internet Explorer 6也会使用quirks模式
也许你的页面有一些错误


或者您使用的是Firefox,我完全没有抓住要点。

您给出的公式适用于某些Internet Explorer版本。因此,也许您使用的是非常旧的浏览器?;)

阅读关于上的错误。根据那篇文章,如果页面呈现在“中”,则该错误仍然存在于所有IE浏览器中,这会触发:

  • 单据类型声明缺失或不完整时
  • 遇到HTML 3或更早版本的文档时
  • 当使用HTML 4.0过渡或框架集文档类型声明且不存在系统标识符(URI)时
  • 当SGML注释或其他无法识别的内容出现在文档类型声明之前时
  • 文档中任何地方出现错误时
  • 如果在文档类型声明之前有XML声明,Internet Explorer 6也会使用quirks模式
也许你的页面有一些错误


或者你正在使用Firefox,我完全没有抓住要点。

你检查了html中的maxlength和size属性吗?@Knu:这只影响输入框的长度(宽度)。你检查了html中的maxlength和size属性吗?@Knu:这只影响输入框的长度(宽度)。我熟悉quirks模式。有趣的是,如果它是怪癖模式,那么边界宽度就不会参与高度计算,这让我想到了这个问题。这种情况在浏览器和操作系统之间发生,具有一致性。然而,你提到怪癖模式的原因,特别是粗体的“当文档中任何地方有错误时”让我知道了原因。我添加了一个完整的DTD,问题就消失了。谢谢@史蒂文·徐:这是我今天的幸运猜测;)我熟悉怪癖模式。有趣的是,如果它是怪癖模式,那么边界宽度就不会参与高度计算,这让我想到了这个问题。这种情况在浏览器和操作系统之间发生,具有一致性。然而,你提到怪癖模式的原因,特别是粗体的“当文档中任何地方有错误时”让我知道了原因。我添加了一个完整的DTD,问题就消失了。谢谢@史蒂文·徐:这是我今天的幸运猜测;)