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 会将光标从下往上拉伸(stretch)，但是一旦您开始书写，它就会恢复正常。在 Chrome 中，光标从顶部到基线呈现。

其他，它看起来还不错。如果您确实遇到问题，可以将行高更改为填充

height:29px
padding:8px 10px;