---
title: '::-webkit-slider-thumb'
slug: 'Web/CSS/::-webkit-slider-thumb'
translation_of: 'Web/CSS/::-webkit-slider-thumb'
---
<div>{{CSSRef}}{{Non-standard_header}}</div>

<h2 id="Описание">Описание</h2>

<p><code><font face="Open Sans, arial, x-locale-body, sans-serif"><span style="background-color: #ffffff;"><a href="/ru/docs/Web/CSS/Pseudo-elements">Псевдоэлемент</a> CSS </span></font><strong>::-webkit-slider-thumb</strong></code> представляет собой ползунок, передвигаемый пользователем по линейке элемента {{HTMLElement("input")}} типа <code>"range"</code> для изменения числового значения атрибута <a href="en-US/docs/Web/HTML/Element/input#attr-value">value</a>.</p>

<h2 id="Спецификация">Спецификация</h2>

<p>Не является частью какой либо спецификации. Это проприетарный псевдоэлемент исключительно для WebKit/Blink.</p>

<h2 id="Смотрите_также">Смотрите также</h2>

<ul>
 <li>{{cssxref("::-webkit-slider-runnable-track")}}</li>
 <li>Похожие псевдоэлементы использующиеся в других браузерах:
  <ul>
   <li>{{cssxref("::-moz-range-thumb")}}</li>
   <li>{{cssxref("::-ms-thumb")}}</li>
  </ul>
 </li>
 <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">CSS-Tricks: Styling Cross-Browser Compatible Range Inputs with CSS</a></li>
 <li><a href="http://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html">QuirksMode: Styling and scripting sliders</a></li>
</ul>