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

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

<p>El  <a href="/es/docs/Web/CSS/Pseudo-elements">pseudo-elemento </a> <code>CSS </code><strong><code>::-webkit-slider-thumb</code></strong> representa el selector que el usuario puede mover a lo largo de la ranura de un elemento  {{HTMLElement("input")}} con  <code>type="range"</code> para modificar su valor numérico.</p>

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

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

<h2 id="Ver_además">Ver además</h2>

<ul>
 <li>{{cssxref("::-webkit-slider-runnable-track")}}</li>
 <li>Psuedo-elementos similares en otros navegadores:
  <ul>
   <li>{{cssxref("::-moz-range-thumb")}}</li>
   <li>{{cssxref("::-ms-thumb")}}</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>