css - Firefox 的行高

Question

我不知道是我的错误还是 Firefox 错误。我有一个文本框，其中的值是通过 python 动态生成的。

文本框中的值应该在文本框的中间。

它适用于 IE 和 Chrome，但在 Firefox 中不起作用。

这是CSS：

#query
{
    margin: 0px;
    padding: 0px; 
    width: 465px;
    vertical-align: middle;
    height: 45px;
    font-weight: bold;
    font-size: 16px;
    line-height: 45px;
    color: #aaaaaa;   
    padding-left: 10px;
    display: block;
}

Answer 1

我不知道您的 html，但您的代码在视觉上呈现输入正常 - 只有光标呈现严重。IE8 会按原样呈现它，firefox 会从下到上拉伸光标，但是一旦您开始编写它就会恢复正常。在 chrome 中，光标从顶部渲染到基线。

其他的，它看起来不错。如果您确实遇到问题，可以将 line-height 更改为 padding

height:29px
padding:8px 10px;

Answer 2

我认为 vertical-align: middle 在 Firefox 中不起作用……人们对此有一些问题。应该尝试不同的方法。