`::-moz-range-track` CSS псевдоэлемент
Нестандартный: Эта функция нестандартна и не входит в какой-либо стандарт. Не используйте её на сайтах, доступных в Интернете: она будет работать не у всех пользователей. Между реализациями также могут быть значительные различия, а поведение может измениться в будущем.
Нестандартный: Эта функция нестандартна и не входит в какой-либо стандарт. Не используйте её на сайтах, доступных в Интернете: она будет работать не у всех пользователей. Между реализациями также могут быть значительные различия, а поведение может измениться в будущем.
::-moz-range-track — это CSS псевдоэлемент, являющийся расширением Mozilla и представляющий дорожку (то есть канавку), по которой перемещается индикатор в элементе <input> типа type="range".
Примечание: Использование ::-moz-range-track с чем-либо, кроме <input type="range">, не соответствует ни одному элементу и не оказывает никакого эффекта.
Синтаксис
::-moz-range-track {
/* ... */
}
Примеры
HTML
<input type="range" min="0" max="100" step="5" value="50" />
CSS
input[type="range"]::-moz-range-track {
background-color: green;
}
Результат
Ползунок диапазона с таким стилем может выглядеть примерно так:
Спецификации
Не входит ни в один стандарт.
Совместимость с браузерами
| Компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
-moz-range-track |
Нет |
Нет |
21 |
Нет |
Нет |
Нет |
21 |
Нет |
Нет |
Нет |
Нет |
Нет |
См. также
- Псевдоэлементы, используемые Gecko для стилизации других частей элемента выбора диапазона:
-
::-moz-range-thumbпредставляет индикатор, который перемещается по канавке. -
::-moz-range-progressпредставляет нижнюю часть дорожки.
-
- Похожие псевдоэлементы, используемые другими браузерами:
-
::-webkit-slider-runnable-track— псевдоэлемент, поддерживаемый WebKit и Blink (Safari, Chrome и Opera)
-
- CSS-Tricks: стилизация элементов выбора диапазона с помощью CSS для совместимости с разными браузерами
- QuirksMode: стилизация ползунков и работа с ними с помощью скриптов
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::-moz-range-track
