::-moz-range-thumb

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-thumb representa el elemento que el usuario puede usar en el "camino" marcado por un elemento <input> con type="range" para alterar su valor numérico.

Nota: Si se usa ::-moz-range-thumb en cualquier elemento que no sea <input type="range"> ni se seleccionará nada ni se conseguirá efecto alguno.

Syntax

Error: could not find syntax for this item

Ejemplo

Contenido CSS

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

Contenido HTML

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

Salida

Una barra de progreso que utilizara este estilo se visualizarías de la siguiente manera:

The thumb of the 'input' element with 'type=right', styled in green

Especificaciones

No es parte de ninguna especificación. El un pseudo-elemento propietario de Gecko.

Compatibilidad con navegadores

BCD tables only load in the browser

Ver además