Cambiando de color las barras de scroll

Aplicando un estilo a nuestras páginas, podemos cambiar de color las barras de desplazamiento del navegador Internet Explorer, pudiendo personalizarlo al gusto de cada uno.


Ejemplo de la barra personalizada

Lo primero que debemos saber es a que a que parte de la barra corresponde cada elemento de la hoja de estilo:

arrow: flecha
base: color base
dark-shadow: sombra del primer plano
track: fondo de la barra
face: primer plano
shadow: sombra del fondo
highlight: luz cuadro de flecha
3d-light: luz 3d

Código del estilo

Debemos ubicar el siguiente código dentro de la página o dentro de una hoja de estilo:

<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>

Recuerden cambiar los colores para adecuarlos a su página y hacerla más vistosa.

Deja un comentario