::-moz-range-progress
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-progress
représente la portion de la piste d'un élément <input>
de type range
, qui correspond aux valeurs inférieures à la valeur sélectionnée par le curseur.
Note :
Si ::-moz-range-progress
est utilisé sur autre chose qu'un élément <input type="range">
, il n'aura aucun effet.
Syntaxe
Error: could not find syntax for this item
Exemples
HTML
<input type="range" min="0" max="100" step="5" value="50" />
CSS
input[type="range"]::-moz-range-progress {
background-color: green;
height: 1em;
}
Résultat
Une barre de progression mise en forme avec cette déclaration devrait ressembler à :
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
-
Les pseudo-éléments de Gecko qui permettent de mettre en forme les autres parties des éléments
<input>
de typerange
: -
::-ms-fill-upper
pris en charge par Internet Explorer -
QuirksMode : Mettre en forme les pistes et curseurs (en anglais)