<input type=range> coming to Mozilla


I've been working on adding support for <input type=range> to Mozilla. This work is progressing well and <input type=range> is now turned on in the latest Nightly builds to help gather feedback from content authors. If you're interested in <input type=range> I'd love it if you could try it out and report any problems/make enhancement requests. Be sure to mention "<input type=range>" in the Summary field of any reports that you file, and add ":jwatt" to the CC field. I'm currently on vacation but I'll work through any issues that are reported once I get back next week.

To allow content author's to style <input type=range> there are currently two pseudo-elements, ::-moz-range-track and ::-moz-range-thumb. Very rough WIP documentation is here.

Known issues:

Tags: Mozilla

Archived comments


Thanks for improving our support of the new input types!

21 March, 2013 at 05:14

Dan Schroeder

I really appreciate your work on this--thanks!

11 May, 2013 at 16:19



Please, tell me how to suppress the dotted outline when range input control gets focused. I've experimented with pseudoclasses/pseudoelements: focus, moz-focus-inner, moz-focus-outer and moz-focusring but to no avail. My page is very simple, just a background image and one heavily styled range input control and the focus outline gets in the way.

29 June, 2013 at 22:58

Jonathan Watt

First, apologies for the delay in approving and replying to your comment. My blog comment spam filter has been broken. :-/

Right now you can't disable the focus outline I'm afraid. I've filed bug 932410 to make that possible.

29 October, 2013 at 18:24



I'm really looking forward to mozilla finally supporting this. here's an example of something that I'd like to do in firefox but is not currently possible:


Any idea when this will be supported?

5 July, 2013 at 04:31

Jonathan Watt

That should already be possible with the new range support.

29 October, 2013 at 18:26


Coming when? It doesn't seem to be in ff 22.

29 July, 2013 at 20:35

Jonathan Watt

Firefox 23

29 October, 2013 at 18:26