---
title: '::-webkit-slider-runnable-track'
slug: 'Web/CSS/::-webkit-slider-runnable-track'
tags:
  - CSS
  - NeedsBrowserCompatibility
  - NeedsCompatTable
  - NeedsExample
  - NeedsMobileBrowserCompatibility
  - Non-standard
  - Pseudo-element
  - Reference
translation_of: 'Web/CSS/::-webkit-slider-runnable-track'
---
<div>{{ CSSRef() }} {{ Non-standard_header() }}</div>

<p>El <a href="/en/CSS/Pseudo-elements" title="en/CSS/Pseudo-elements">pseudo-element</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a> <strong><code>::-webkit-slider-runnable-track</code></strong> representa la "pista" (la ranura en la qual llisca l'indicador) d'un {{HTMLElement("input")}} de<code> type="range"</code>.</p>

<h2 id="Specification" name="Specification">Especificacions</h2>

<p>No forma part de cap especificació. Es tracta d'un pseudo-element propietari, específic en WebKit/Blink.</p>

<h2 id="See_also" name="See_also">Vegeu també</h2>

<ul>
 <li>{{cssxref("::-webkit-slider-thumb")}}</li>
 <li><span id="result_box" lang="ca"><span>Pseudo</span><span>-</span><span>elements</span> <span>similars</span>, <span>utilitzats per altres</span> <span>navegador:</span></span>
  <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/">Trucs CSS: Estil de les entrades de rang compatible entre navegadors amb CSS.</a></li>
 <li><a href="http://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html">QuirksMode: Controls lliscants disseny i scripts.</a></li>
</ul>