我有一个网站，其表单中有一个简单的 HTML 按钮。所有浏览器都正确显示此按钮。然而，在 Firefox 2 和 Seamonkey 中，它显示为一个无法点击且没有文本的实心灰色方块。
<input id="getaudiobutton" type="button" value="Get Audio" onclick="convert()" />
对于那些拥有 Firefox 版本 2 或 Seamonkey 的用户，请参阅my site
谢谢大家
不知道为什么，但我所做的是增加按住按钮的 div 的大小，以便可以完全显示按钮。没有足够的空间来单击按钮。 Firefox 2 和 Seamonkey 设法发现这有点麻烦。
感谢大家的帮助。 :)
【问题讨论】：
标签： html css firefox browser button
根据我在 Seamonkey 中查看它并查看页面内容和 CSS 所看到的，您可能需要检查包含按钮的 div 的样式。我可以在 Seamoney 中看到该按钮，但它在最顶部被截断，只允许显示大约 1-3 个像素。我也可以点击它。
我的猜测是，由于您为按钮的父 div 应用的样式设置了 34px 的静态高度，因此它会切断大部分按钮。
【讨论】：
我观察到与 s13james 相同的行为（为此 +1），但还有一些我想指出的事情。
您可能需要重新考虑在那里使用 line-height 和 height ，因为使用这些值的组合将该输入元素包装到下一行与您的麻烦有很大关系。
我看到您通过 id 和 class 应用了相同的样式，但是该样式被声明为仅用作类：
div.w_span_auto{
background:url(../images/wr.png) top right no-repeat;
padding-right:18px;
height:34px;
line-height:34px;
text-align:left;
border:none;
}
（对于 id，您需要将其声明为 div#w_span_auto。）
我也不确定你为什么要声明两次。稍后在同一个 css 文件中有一个相同的声明。
干杯。
【讨论】：
您确定在您的 Firefox 副本上启用了 JS 吗？
您真的需要担心 FireFox 2 吗？它也只有 3% 的市场份额：
【讨论】：
您是否需要 type="submit" 而不是 type="Button"？
【讨论】：