---
title: '::-webkit-slider-runnable-track'
slug: 'Web/CSS/::-webkit-slider-runnable-track'
tags:
  - CSS
  - NeedsBrowserCompatibility
  - NeedsCompatTable
  - NeedsExample
  - NeedsMobileBrowserCompatibility
  - No estándar(2)
  - Pseudo-elemento
  - Pseudo-elemento CSS
  - Referencia
translation_of: 'Web/CSS/::-webkit-slider-runnable-track'
---
<div>{{ CSSRef() }}</div>

<p>{{ Non-standard_header() }}</p>

<h2 id="Resumen">Resumen</h2>

<p>El <a href="/es/CSS/Pseudo-elements" title="en/CSS/Pseudo-elements">pseudo-elemento </a>CSS <strong><code>::-webkit-slider-runnable-track</code></strong> representa el trayecto (la ranura sobre la que se desliza el indicador) de un  {{HTMLElement("input")}} con <code>type="range"</code>.</p>

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

<p>No es parte de ninguna especificación. Es un pseudo-elemento propietario y específico de WebKit/Blink.</p>

<h2 id="See_also" name="See_also">Ver además</h2>

<ul>
 <li>{{cssxref("::-webkit-slider-thumb")}}</li>
 <li>Pseudo-elementos similares usados en otros navegadores:
  <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: Dando estilos con CSS a elementos Input de tipo range para que se muestren correctamente en distintos navegadores.</a></li>
 <li><a href="http://www.quirksmode.org/blog/archives/2015/11/styling_and_scr.html">QuirksMode: Dando estilos y aplicando scripts a elementos deslizantes</a></li>
</ul>