Html Input Range Style In Firefox

I´ve got a CSS problem with a input-range element: the css looks like this: -webkit-appearance: none; z

Solution 1:

Mozilla has a separate property to style the shadow dom of the input (which is what -webkit-appearance:none; takes care of for webkit):

::-moz-range-track {background:transparent; border:0px;}

On a side note, you can also style the slide/grip/button/thumb:

/* These need to be separated, not combined with a comma */
::-webkit-slider-thumb { /* ... */}
::-moz-range-thumb  { /* ... */}