`::-webkit-slider-thumb` CSS псевдоэлемент

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

::-webkit-slider-thumb — это CSS-псевдоэлемент, представляющий «ползунок», который пользователь может перемещать внутри «дорожки» элемента <input> типа type="range", чтобы изменить его числовое значение.

Синтаксис

::-webkit-slider-thumb {
  /* ... */
}

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

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

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

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari для iOS	Samsung Internet	WebView для Android	WebView для iOS
`-webkit-slider-thumb`	32	79	Нет	19	18	32	Нет	19	18	2.0	4.4.3	18

См. также

::-webkit-slider-runnable-track
Похожие псевдоэлементы, используемые другими браузерами:
- ::-moz-range-thumb
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/::-webkit-slider-thumb