This translation is incomplete. Please help translate this article from English.
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.
Sumari
The ::-moz-range-progress CSS pseudo-element representa la part de la "pista" (la ranura en la qual llisca l'indicador denominat polze) d'un <input> de type="range", que correspon a valore inferiors que el valor actualment seleccionat per el polze.
Utilitzar ::-moz-range-progress amb qualsevol altra cosa que no sigui un <input type="range"> no coincidirà amb res i no té cap efecte.
Sintaxi
::-moz-range-progress { style properties }
Exemple
Contingut CSS
input[type=range]::-moz-range-progress {
background-color: green;
height: 1em;
}
Contingut HTML
<input type="range" min="0" max="100" step="5" value="50"/>
Sortida
Una barra de progrés a través d'aquest estil podria ser com això:
Especificacions
No forma part de cap especificació. Es tracta d'un pseudo-element propietari, específic en Gecko.
Navegadors compatibles
| Característica | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Suport bàsic | (Yes) | No support | No support | No support | No support |
| Característica | Firefox Mobile (Gecko) | Android | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Suport bàsic | (Yes) | No support | No support | No support | No support |
Veure
- Els pseudo-elements utilitzats per Gecko per donar estil a unes altres parts d'un rang d'entrada:
::-ms-fill-upper- Trucs-CSS: Estil Navegador compatible en rang d'entrades amb CSS
- QuirksMode: Estil i lliscadors de scripts