blob: 78878f036918b7330bec0030d1205aa487e9f2bd (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
---
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)
|
