css - 按钮对齐在 FF 中不正确？

Question

我有一个带有以下 CSS 的 html 按钮。

.myButton{
    background: url("../images/button.png") no-repeat top left;
    height: 21px;
    width: 78px;
    text-align: center;
    color: #696969;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    border: medium none white;
}

它在 IE 中呈现得很好。但在 Fire Fox 中，它不会在中心呈现文本。它呈现如下:

如何在 FF 中将文本居中对齐。在IE中合适吗？

Answer 1

必须有额外的 CSS 代码适用于您的按钮。只有给定的 CSS 按钮看起来不同:http://jsfiddle.net/xQmHA/

<button class="myButton">TEST</button>

您可以在 Firefox 中检查哪些样式规则适用于您的按钮(F12 --> CSS --> 选择您的按钮)