/
index.md
34 lines (22 loc) · 1.17 KB
/
index.md
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
---
title: "::-webkit-slider-thumb"
slug: Web/CSS/::-webkit-slider-thumb
---
{{CSSRef}}{{Non-standard_header}}
**`::-webkit-slider-thumb`** は CSS の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で、 {{HTMLElement("input")}} の `type="range"` でユーザーが数値を変更するために「溝」の中を動かすことができる「つまみ」を表します。
## 構文
```css-nolint
::-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)