::-moz-range-track
Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.
Das ::-moz-range-track CSS Pseudo-Element ist eine Mozilla-Erweiterung, die die Spur (d.h. die Rille) darstellt, in der der Indikator in einem <input> mit type="range" gleitet.
Hinweis:
Die Verwendung von ::-moz-range-track mit einem anderen Element als einem <input type="range"> führt zu keiner Übereinstimmung und hat keinen Effekt.
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 in diesem Stil könnte folgendermaßen aussehen:
Spezifikationen
Kein Teil eines Standards.
Browser-Kompatibilität
Loading…
Siehe auch
-
Die von Gecko verwendeten Pseudo-Elemente zur Gestaltung anderer Teile eines Bereichs-Inputs:
::-moz-range-thumbrepräsentiert den Indikator, der in der Rille gleitet.::-moz-range-progressrepräsentiert den unteren Teil des Tracks.
-
Ähnliche Pseudo-Elemente, die von anderen Browsern verwendet werden:
::-webkit-slider-runnable-track, ein Pseudo-Element, das von WebKit und Blink (Safari, Chrome und Opera) unterstützt wird.
-
CSS-Tricks: Styling Cross-Browser Compatible Range Inputs with CSS