::-moz-range-track
Kein Standard: Diese Funktion ist nicht standardisiert und befindet sich nicht im Standardisierungsprozess. Verwenden Sie sie nicht auf Produktionsseiten, die auf das Web ausgerichtet sind: Sie wird nicht für alle Benutzer funktionieren. Außerdem kann es große Inkompatibilitäten zwischen Implementierungen geben und das Verhalten kann sich in Zukunft ändern.
Das ::-moz-range-track
CSS Pseudo-Element ist eine Mozilla-Erweiterung, die die Spur (d. h. die Rille) repräsentiert, in der der Indikator bei einem <input>
vom type="range"
gleitet.
Hinweis: Die Verwendung von ::-moz-range-track
mit etwas anderem als einem <input type="range">
führt zu keinem Treffer und hat keine Wirkung.
Syntax
::-moz-range-track {
/* ... */
}
Beispiele
HTML
<input type="range" min="0" max="100" step="5" value="50" />
CSS
input[type="range"]::-moz-range-track {
background-color: green;
}
Ergebnis
Ein Schieberegler, der diesen Stil verwendet, könnte etwa so aussehen:
Spezifikationen
Nicht Teil eines Standards.
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
-
Die von Gecko verwendeten Pseudo-Elemente, um andere Teile eines Range-Inputs zu stylen:
::-moz-range-thumb
repräsentiert den Indikator, der in der Rille gleitet.::-moz-range-progress
repräsentiert den unteren Teil der Spur.
-
Ähnliche Pseudo-Elemente, die von anderen Browsern verwendet werden:
::-webkit-slider-runnable-track
, Pseudo-Element unterstützt von WebKit und Blink (Safari, Chrome und Opera)
-
CSS-Tricks: Styling Cross-Browser Compatible Range Inputs with CSS