blob: 753ecad0195e0d5037024b3d73b22ad88b4f3a36 (
plain)
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
35
36
37
38
39
40
|
---
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>
|