::-moz-range-track

Нестандартный элемент: Эта функция нестандартна и не включена в стандарт. Не используйте её на сайтах, доступных через веб: она не будет работать для каждого пользователя. Также могут быть значительные несовместимости между реализациями, и поведение может измениться в будущем.

Псевдоэлемент ::-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;
}

Результат

Ползунок диапазона с этим стилем может выглядеть примерно так:

A range with the track green

Спецификации

Не входит в стандарт.

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`::-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–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/::-moz-range-track