::-moz-range-track

No estándar: Esta característica no es parte de los estándares. No la uses en sitios Web en producción: no funcionará para todos los usuarios. Podrían haber también incompatibilidades considerables entre distintas implementaciones y el comportamiento podría cambiar en el futuro.

Resumen

El pseudo-elemento CSS ::-moz-range-track representa la trayectoría, es decir la ranura sobre la cual se desliza el indicador de un <input> con type="range".

Nota: Si usamos ::-moz-range-track con cualquier otra cosa que no sea un <input type="range"> ni seleccionaremos nada ni se mostrará efecto alguno.

Síntaxis

Error: could not find syntax for this item

Ejemplo

Contenido CSS

css
input[type="range"]::-moz-range-track {
  background-color: green;
}

Contenido HTML

html
<input type="range" min="0" max="100" step="5" value="50" />

Salida

Un barra de progreso con ese estilo tendrá una apariencia similar a la siguiente:

A range with the track green.

Especificaciones

No es parte de ninguna especificación.

Compatibilidad con navegadores

BCD tables only load in the browser

Ver además