html - How do I make html5 slider (input type='range') work in Firefox

Question

I try to use html5 element, which is

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

It is supposed to be a slider. It works in Chrome. But it does not work in Firefox8. I checked that in "html5test.com", it says firefox 8 partially supports the "range" type. It supports "min" and "max" attribute, but not "step" attribute. Then I erase the "step" attribute, like

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

Why it still does not work?

Is any way to let it work?

Answer 1

This is not supported in Firefox before version 23. For a Javascript implementation in versions 4 and up, please see http://frankyan.com/labs/html5slider/ .

According to Jonathan Watt's comment on the bug report linked above, support has been added to the Firefox development branch and was released with version 23.