Firefox 2 - кнопка HTML просто сплошная серая. Все остальные браузеры нормально: wtf?

Question

У меня есть сайт с простой HTML-кнопкой в ​​форме. Все браузеры показывают эту кнопку правильно. Однако в Firefox 2 и Seamonkey он выглядит просто как сплошной серый квадрат, по которому нельзя щелкнуть, и у которого нет текста.

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

Для тех из вас, у кого установлена ​​Firefox версии 2 или Seamonkey, см. мой сайт

Спасибо всем

1010 * решаемые * Не знаю, почему, но я увеличил размер div, удерживающего кнопку, чтобы кнопка могла отображаться полностью. Недостаточно места для нажатия кнопки. Firefox 2 и Seamonkey нашли это немного хлопотным. Спасибо всем за помощь. :)

Answer 1

Из того, что я вижу, просто просматривая его в Seamonkey и просматривая содержимое страницы и ваш CSS, вы можете проверить стиль для div, в котором содержится кнопка. Я вижу кнопку в Seamoney , но он обрезан в самом верху, позволяя показывать только 1-3 пикселя. Я тоже могу щелкнуть по нему.

Я полагаю, что поскольку вы устанавливаете статическую высоту 34 пикселя для стиля, который применяется к родительскому элементу div кнопки, большая часть кнопки обрезается.

Answer 2

Я наблюдаю то же поведение, что и s13james (+1 за это), но есть еще кое-что, на что я хочу обратить внимание.

Возможно, вы захотите переосмыслить использование высоты и высоты строки, поскольку перенос этого элемента ввода на следующую строку с комбинацией этих значений во многом связан с вашей проблемой.

Я вижу, что вы применяете один и тот же стиль через id и класс, однако этот стиль объявлен только для использования в качестве класса:

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;
    }

(Для идентификатора вам нужно было бы объявить его как div # w_span_auto.)

Я тоже не уверен, почему ты объявляешь это дважды. Позже в том же файле CSS есть аналогичное объявление.

Приветствие.

Answer 3

Вам нужно type = "submit" вместо type = "Button"?

Answer 4

Вы уверены, что JS включен в вашей копии Firefox?

Вам действительно нужно беспокоиться о FireFox 2? Он также имеет только 3% рынка:

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