::-moz-range-track
Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The pseudo-element CSS ::-moz-range-track
és una extensió de Mozilla que representa la pista (és a dir, la ranura) en què l'indicador es llisca en un <input>
de type="range"
.
Nota: L'ùs de ::-moz-range-track
amb qualsevol cosa que no sigui <input type="range">
no coincideix amb res i no té cap efecte.
Sintaxi
::-moz-range-track
Exemple
HTML
<input type="range" min="0" max="100" step="5" value="50"/>
CSS
input[type=range]::-moz-range-track {
background-color: green;
}
Resultat
Una barra de progrés que utilitzi aquest estil pot semblar una cosa així:
Especificacions
No forma part de cap especificació. Es tracta d'un pseudo-element propietari, específic en Gecko.
Navegadors compatibles
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help! (en-US)
Descripció | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Suport bàsic | (Yes) | No support | No support | No support | No support |
Descripció | Firefox Mobile (Gecko) | Android | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Suport bàsic | (Yes) | No support | No support | No support | No support |
Vegeu també
- Pseudo-elements utilitzats per Gecko per dissenyar altres parts d'un interval d'entrada:
::-moz-range-thumb
representa l'indicador que es llisca a la ranura.::-moz-range-progress
representa la part inferior de la pista.
- Pseudo-elements similars utilitzats per altres navegadors:
::-webkit-slider-runnable-track
, pseudo-element compatible amb WebKit i Blink (Safari, Chrome, and Opera)::-ms-track
, pseudo-element compatible amb Internet Explorer i Edge
- Trucs CSS: Estil de les entrades de rang compatible entre navegadors amb CSS.
- QuirksMode: Controls lliscants disseny i scripts.