::-moz-range-thumb

Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

Le pseudo-élément ::-moz-range-thumb représente le curseur qui se déplace le long de la piste dans un élément <input> de type range et qui permet de modifier la valeur numérique associée.

Note : Utiliser ::-moz-range-thumb avec un autre élément que  <input type="range"> n'aura aucun effet.

Syntaxe

::-moz-range-thumb

Exemples

CSS

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

HTML

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

Résultat

Une barre de progression mise en forme avec ces règles devrait ressembler à :

The thumb of the <input type=right> styled in green

Spécifications

Ce pseudo-élément est un pseudo-élément propriétaire lié à Gecko/Mozilla et ne fait partie d'aucune spécification.

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi