输入框高度问题

Question

我正在尝试设置具有特定内部高度的输入框，但遇到了问题：

font-size: 12px; line-height: 12px; height: 12px; display: block; padding: 5px;

是我放在内联样式或样式表中的一个示例。我希望输入框的值在全高时是可见的，但是输入框的内部高度最终变得非常小，并且它似乎总是遵循下面的形式：

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

有趣，因为我发誓我以前做过，没有问题。我遗漏了什么？

Answer 1

您给出的公式将计入某些Internet Explorer版本。因此，您可能使用了非常旧的浏览器？;)

在Wikipedia上阅读有关该错误的信息。根据这篇文章，如果页面在"quirks mode中呈现，那么所有IE浏览器中仍然存在该错误。

当文档类型声明不存在或不支持HTML3或更早版本的文档时，将使用HTML4.0过渡或框架集文档类型声明，并且系统标识符(URI)不是present;

• When文档类型declaration

• When之前会出现SGML注释或其他无法识别的内容如果文档类型declaration.

之前存在XML声明，则document

• Internet资源管理器6中的任何位置都会使用

也许你的页面中有一些错误....

或者你在使用Firefox，而我完全搞错了重点。