Firefox 2 - HTML按钮只是纯灰色。所有其他浏览器都很好:wtf?

时间:2009-01-31 21:23:20

标签: html css firefox browser button

我的网站在表单中有一个简单的HTML按钮。所有浏览器都正确显示此按钮。但是,在Firefox 2和Seamonkey中,它看起来像一个无法点击的纯灰色方块,并且没有文字。

<input id="getaudiobutton" type="button" value="Get Audio" onclick="convert()" />

对于那些拥有Firefox版本2或Seamonkey的人,请参阅my site

全部谢谢

解决

不知道为什么,但我做的是增加按住按钮的div的大小,以便按钮可以完全显示。单击按钮的空间不足。 Firefox 2和Seamonkey设法发现这有点麻烦。

谢谢大家的帮助。 :)

4 个答案:

答案 0 :(得分:2)

通过在Seamonkey中查看它并查看页面内容和CSS,我可以看到,你可能想检查按钮所包含的div的样式。我可以看到Seamoney中的按钮,但它在顶部被切断,仅允许显示约1-3个像素。我也可以点击它。

我的猜测是,因为您为应用于按钮的父div的样式设置静态高度为34px,所以它会切断大部分按钮。

答案 1 :(得分:1)

我观察到与s13james相同的行为(+1为此),但还有一些我想指出的内容。

您可能需要重新考虑使用行高和高度,因为使用这些值的组合将该输入元素包装到下一行与您的麻烦有很大关系。

我看到你通过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文件中有一个相同的声明。

干杯。

答案 2 :(得分:0)

您确定在您的Firefox副本上启用了JS吗?

你真的要担心FireFox 2吗?它也只有3%的市场份额:

http://marketshare.hitslink.com/report.aspx?qprid=0

答案 3 :(得分:0)

你需要一个type =“submit”,而不是type =“Button”吗?