No se puede aplicar ancho y alto a -webkit-scrollbar usando CSS

Question

::-webkit-scrollbar { 
    width: 5px; 
    height: 5px; 
} 

::-webkit-scrollbar-thumb { 
    background-color:#808080; 
} 

¿Por qué los atributos de ancho y alto no funcionan?

Answer 1

width es para barras de desplazamiento verticales y height afecta a las barras de desplazamiento horizontales. No puede definir la altura para una barra de desplazamiento vertical. Eso depende del tamaño del contenido.

Si desea agregar imágenes de fondo a su barra de desplazamiento, que se añaden como elementos normales:

::-webkit-scrollbar { 
    width: 50px; 
    height: 50px; 
    background:-webkit-linear-gradient(0, blue 50%, white 100%); 

} 

::-webkit-scrollbar-thumb { 
    background-color:#808080; 
     background:url("http://www.topdesignmag.com/wp-content/uploads/2010/12/137.jpg"); 
} 

Fiddle

no

Answer 2

esto funciona, excepto para el Ejemplo height

:http://jsfiddle.net/jasongennaro/gBrNf/

bastante seguro de que es porque el navegador determina la altura de la barra de desplazamiento en base a la altura del contenido. (Más contenido equivale a una barra de desplazamiento más corta ... es una señal visual que no estoy seguro de que pueda anular).