Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
::-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 CSS ::-moz-range-track est une extension de Mozilla qui représente la piste (c'est-à-dire la rainure) dans laquelle l'indicateur glisse dans 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
::-moz-range-track {
/* ... */
}
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
Voir aussi
-
Les pseudo-éléments utilisés par Gecko qui permettent de mettre en forme les autres parties des éléments
<input>de typerange:::-moz-range-thumbreprésente le curseur qui se déplace le long de la piste.::-moz-range-progressreprésente la partie inférieure de la rainure.
-
Les pseudo-éléments utilisés par les autres navigateurs :
::-webkit-slider-runnable-track, pseudo-élément pris en charge par WebKit et Blink (Safari, Chrome et Opera).
-
CSS-Tricks : Gérer des champs
inputde typerangede façon compatible entre les navigateurs (angl.)