::-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

Error: could not find syntax for this item

Exemples

HTML

html

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

CSS

css

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

Résultat

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

Un élément <input type=range> avec un curseur vert

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