Псевдоэлемент CSS `::-moz-range-thumb`

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

::-moz-range-thumb — это CSS псевдоэлемент, являющийся расширением Mozilla и представляющий ползунок (то есть виртуальную ручку) элемента <input> типа type="range". Пользователь может перемещать ползунок по дорожке элемента ввода, изменяя его числовое значение.

Примечание: Если использовать ::-moz-range-thumb с чем-либо, кроме <input type="range">, ничего не будет выбрано и никаких изменений не произойдёт.

Синтаксис

::-moz-range-thumb {
  /* ... */
}

Примеры

HTML

<input type="range" min="0" max="100" step="5" value="50" />

CSS

input[type="range"]::-moz-range-thumb {
  background-color: green;
}

Результат

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

The thumb of the 'input type=right' styled in green

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

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

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

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari для iOS	Samsung Internet	WebView для Android	WebView для iOS
`-moz-range-thumb`	Нет	Нет	21	Нет	Нет	Нет	21	Нет	Нет	Нет	Нет	Нет

См. также

Псевдоэлементы, используемые Gecko для стилизации других частей элемента ввода диапазона:
- ::-moz-range-track представляет собой желоб, по которому перемещается ползунок.
- ::-moz-range-progress представляет нижнюю часть дорожки.
Аналогичные псевдоэлементы в других браузерах:
- ::-webkit-slider-thumb — псевдоэлемент, поддерживаемый 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-thumb