::-moz-range-track
Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.
Le pseudo-élément ::-moz-range-track est un pseudo-élément spécifique à Mozilla et représente la piste d'un élément <input> de type range.
Note : ::-moz-range-track n'aura aucun effet s'il est utilisé sur autre chose qu'un élément <input type="range">.
Syntaxe
Exemples
HTML
<input type="range" min="0" max="100" step="5" value="50" />
CSS
input[type="range"]::-moz-range-track {
background-color: green;
}
Résultat
Une barre de progression mise en forme de cette façon 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
Voir aussi
-
Les pseudo-éléments de Gecko qui permettent de mettre en forme les autres parties des éléments
<input>de typerange:::-moz-range-thumbqui représente le curseur qui se déplace le long de la piste.::-moz-range-progressqui représente la partie inférieure de la piste (ce qui est déjà « couvert »).
-
Les pseudo-éléments utilisés par les autres navigateurs :
::-webkit-slider-runnable-trackpour WebKit/Blink (Safari, Chrome et Opera).::-ms-trackpour Internet Explorer/Edge.