css - Firefox 3.6 和 CSS 与以前版本的 Firefox 3.5 及之后的区别？

Question

因此，在升级到 Firefox 3.6 时，CSS 在输入框上出现问题。填充增加了——也可能是字体大小在某种程度上表现不同。想知道是否还有其他人看到过这个问题。不太明白。

HTML 代码:

<form>
    <fieldset>
        <label for="inputField">Label</label>
        <input type="text" id="inputField" />
    </fieldset>
</form>

CSS 代码:

form fieldset label {
    display:block;
    font-size:1.2em;
    font-weight:bold;
    padding:12px 9px;
}
#jumptoBox fieldset input {
    background: url("../images/input.png") no-repeat scroll left top transparent;
    font-size: 1.2em;
    padding: 4px 5px 16px;
    width: 99px;
    height: 29px;
}

(图片尺寸:109 宽 x 34 高)

所以要注意一件事，修复(如下所述)包括删除高度，或者至少将其设置为自动，然后通过使用填充来补偿它(这个修复在很多层面上都困扰着我，但我们我暂时把它放在一边)。但是 webkit 现在似乎对此有自己的问题，因为它想根据所有内容的高度使文本垂直居中(忽略行高的任何证据)。换句话说，如果你想让文本垂直靠近顶部，我还没想出办法做到这一点。

想法？

Answer 1

这里有一些解决问题的提示，因为您没有发布足够的信息来提供任何具体建议:

• 你使用 doctype 吗？ ？
• 你使用复位stylesheet ？
• 有没有validated your markup (HTML 和 CSS)？