::-moz-range-thumb
No estándar: Esta característica no es parte de los estándares. No la uses en sitios Web en producción: no funcionará para todos los usuarios. Podrían haber también incompatibilidades considerables entre distintas implementaciones y el comportamiento podría cambiar en el futuro.
Resumen
El pseudo-elemento CSS ::-moz-range-thumb
representa el elemento que el usuario puede usar en el "camino" marcado por un elemento <input>
con type="range"
para alterar su valor numérico.
Nota: Si se usa ::-moz-range-thumb
en cualquier elemento que no sea <input type="range">
ni se seleccionará nada ni se conseguirá efecto alguno.
Syntax
Ejemplo
Contenido CSS
input[type="range"]::-moz-range-thumb {
background-color: green;
}
Contenido HTML
<input type="range" min="0" max="100" step="5" value="50" />
Salida
Una barra de progreso que utilizara este estilo se visualizarías de la siguiente manera:
Especificaciones
No es parte de ninguna especificación. El un pseudo-elemento propietario de Gecko.
Compatibilidad con navegadores
BCD tables only load in the browser
Ver además
-
Los pseudo-elements usados por Gecko para dar estilo a otras parte de un input con typue="range":
-
Pseudo-elementos similares usados por otras nevagadores:
::-ms-thumb
, pseudo-elemento soportado por Internet Explorer y Edge.::-webkit-slider-thumb
, pseudo-elemento souportado por WebKit y Blink (Safari, Chrome and Opera).
-
CSS-Tricks: Estilos con CSS para input con type="range" en los distintos navegadores.
-
QuirksMode: Dando estilos y haciendo script con elementos deslizadores.