---
title: '::-webkit-slider-runnable-track'
slug: 'Web/CSS/::-webkit-slider-runnable-track'
tags:
  - CSS
  - 'CSS:WebKit Extensions'
  - NeedsBrowserCompatibility
  - NeedsCompatTable
  - NeedsExample
  - NeedsMobileBrowserCompatibility
  - Non-standard
  - Pseudo-element
  - Reference
  - Selector
translation_of: 'Web/CSS/::-webkit-slider-runnable-track'
---
<p>{{CSSRef}}{{Non-standard_Header}}</p>

<p><strong><code>::-webkit-slider-runnable-track</code></strong> は CSS の<a href="/ja/docs/Web/CSS/Pseudo-elements">擬似要素</a>で <code style="white-space: nowrap;">{{HTMLElement("input/range", '&lt;input type="range"&gt;')}}</code> "track" (インジケータがスライドする溝) を表します。</p>

<h2 id="Syntax" name="Syntax">構文</h2>

<pre class="syntaxbox notranslate">::-webkit-slider-runnable-track</pre>

<h2 id="Specifications" name="Specifications">仕様書</h2>

<p>標準の一部ではありません。</p>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>

<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>

<p>{{Compat("css.selectors.-webkit-slider-runnable-track")}}</p>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li>{{CSSxRef("::-webkit-slider-thumb")}}</li>
 <li>他のブラウザーで使われている類似の擬似要素:
  <ul>
   <li>{{CSSxRef("::-ms-track")}}</li>
   <li>{{CSSxRef("::-moz-range-track")}}</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>