scroll-bar-color-css

Podemos cambiar los colores de la barra de scroll en Internet Explorer (digo Internet Explorer porque simplemente solo funciona para este navegador, los demás no dejan cambiar el color de la barra de scroll) mediante este sencillo código, pero claro, primero vamos a descrifrarlo y ver que quiere decir cada cosa:

scrollbar-arrow-color = color de la flecha
scrollbar-base-color = color de la base
scrollbar-dark-shadow-color = sombra del primer plano
scrollbar-track-color = color del fondo de la barra.

scrollbar-face-color = color del primer plano.
scrollbar-shadow-color = color de la sombra del fondo.
scrollbar-highlight-color = luz del cuadro de la flecha
scrollbar-3d-light-color = luz 3D.

Ahora que ya hemos traducido lo que significa cada cosa, el código CSS añadir sería este:

<style type="text/css">
body {
scrollbar-arrow-color: white;
scrollbar-base-color: white;
scrollbar-dark-shadow-color: #000080;
scrollbar-track-color: #0080C0;
scrollbar-face-color: #000080;
scrollbar-shadow-color: white;
scrollbar-highlight-color: white;
scrollbar-3d-light-color: a;
}
</style>

No olvidemos meter este código entre body {}, como viene por defecto, claro está.

También tenemos generadores online para cambiar la barra de scroll, mucho más cómodo, aunque lo mejor sería poner el código por nuestra cuenta aprendiendo con esta entrada.