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

**`::-webkit-slider-runnable-track`** は CSS の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で {{HTMLElement("input/range", '<input type="range">')}} の「トラック」 (インジケータがスライドする溝) を表します。

## 構文

```css
::-webkit-slider-runnable-track
```

## 仕様書

どの標準にも含まれていません。

## ブラウザーの互換性

{{Compat}}

## 関連情報

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

  - {{CSSxRef("::-ms-track")}}
  - {{CSSxRef("::-moz-range-track")}}

- [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)