Как заставить слайдер html5 (input type='range') работать в Firefox

Я пытаюсь использовать элемент html5, который

<input type='range' step='1' min='-300' max='-1' />

Предполагается, что это слайдер. Он работает в Хроме. Но это не работает в Firefox8. Я проверил, что в «html5test.com» написано, что firefox 8 частично поддерживает тип «диапазон». Он поддерживает атрибут "min" и "max", но не атрибут "step". Затем я стираю атрибут «шаг», например

<input type='range' min='-300' max='-1' />

Почему до сих пор не работает?

Есть ли способ заставить его работать?


person Kurt    schedule 07.11.2011    source источник
comment
Чтобы увидеть последнюю реализацию компонента ползунка в браузере, см. caniuse.com/input-range поддерживается начиная с FF 15, кстати)   -  person reevesy    schedule 01.09.2012


Ответы (1)


Это не поддерживается в Firefox до версии 23. Для реализации Javascript в версии 4 и выше, см. http://frankyan.com/labs/html5slider/ .

Согласно комментарию Джонатана Уотта к отчету об ошибке, указанному выше, поддержка была добавлен в ветку разработки Firefox и выпущен с версией 23.

person George Cummins    schedule 07.11.2011
comment
@shareef Firefox 23 — текущая бета-версия. Ошибка для этого, если вам интересно: bugzilla.mozilla.org/show_bug.cgi? идентификатор=344618 - person shanet; 18.07.2013
comment
Выпущен Firefox 23, поэтому диапазон поддерживается. Информацию о стилях см. в документах. - person Justin Emery; 20.08.2013