Scrollbar personalizado en IE i Firefox

[mblascog]

Buenas,
Tengo personalizado el scroll de la siguiente manera:

Código CSS:

#info::-webkit-scrollbar{
    width:4px;
}
#info::-webkit-scrollbar-track{
    background-color:#c68c20;
    border:1px solid #ccc;
    border-radius:0px;
}
#info::-webkit-scrollbar-thumb{
    background-color:#1f1303;
    border-radius:0px;
}
#info::-webkit-scrollbar-thumb:hover{
    background-color:#44280e;
}
 

Funciona perfectamente en Chrome (v. 44.0.2403.155 m), Opera (v. 34.0) y Safari (v. 5.1.7).
Y no funciona ni en IE (v. 11) ni Firefox (v. 43.0.1)

Lo estoy buscando por Internet, pero no lo encuentro.

Gracias

[g3kdigital]

Es simplemente porque son propiedad exclusivamente del navegador que use como motor -webkit- o -blink-.

Se les llama clases privativas por eso usas el prefijo -webkit-, si solo te interesa la audiencia de chrome, pues lo dejas así, pero para firefox no existe y el soporte para internet/edgexplorer es escaso.

Aquí un articulo super detallado: https://escss.blogspot.com/2012/09/e...onalizado.html

Aunque yo te recomiendo, que en el día y año de hoy por hoy 2016, lo mejor será que lo hagas usando javascript, yo uso PerfectScrollBar porque se adapta a todo, pero hay muchos por ahí más personalizables en apariencia.

La verdad es algo que si le debería corresponder a CSS su manipulación, pero por cuestiones de accesibilidad y usabilidad no lo está, o bueno al menos esa es la excusa.

[mblascog]

Muchas gracias g3kdigital. Estoy mirando PerfectScrollBar pero resulta muy complicado