---
title: '::-webkit-slider-thumb'
slug: Web/CSS/::-webkit-slider-thumb
tags:
  - CSS
  - NeedsBrowserCompatibility
  - NeedsCompatTable
  - NeedsExample
  - NeedsMobileBrowserCompatibility
  - 標準外
  - 擬似要素
  - リファレンス
  - セレクター
browser-compat: css.selectors.-webkit-slider-thumb
translation_of: 'Web/CSS/::-webkit-slider-thumb'
---
{{CSSRef}}{{Non-standard_header}}

**`::-webkit-slider-thumb`** は CSS の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で、 {{HTMLElement("input")}} の `type="range"` でユーザーが数値を変更するために「溝」の中を動かすことができる「つまみ」を表します。

## 構文

```css
::-webkit-slider-thumb
```

## 仕様書

どの仕様書でも定義されていません。これは WebKit/Blink に固有の私有擬似要素です。

## ブラウザーの互換性

{{Compat}}

## 関連情報

- {{cssxref("::-webkit-slider-runnable-track")}}
- 他のブラウザーで使われている類似の擬似要素:

  - {{cssxref("::-moz-range-thumb")}}
  - {{cssxref("::-ms-thumb")}}

- [CSS-Tricks: Styling Cross-Browser Compatible Range Inputs with CSS](https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/)
- [QuirksMode: Styling and scripting sliders](https://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html)
- [Couple of Gotchas to Watch-out For](https://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html)