CSS : Personnaliser la barre d'ascenceur

Les barres d'ascenceur d'IE sont personnalisables via des feuilles de style; les attributs concernés sont associés au marqueur BODY et déterminent les couleurs utilisées pour créer l'ascenceur.

La couleur principale de l'ascenceur est déterminée par l'attribut :

Pour un effet 3D utiliser les deux attributs suivants, avec la même couleur on obtient un ascenceur sans effet 3D) :

Les 2 attributs suivants complètent l'effet 3D : ils impactent les couleurs autour des boutons et de l'ascenceur; le premier donne un effet de lumière en haut à gauche des boutons et le deuxième détermine l'ombre portée par les boutons ( on peut leur affecter les mêmes valeurs que les 2 précedents ou du blanc et du noir par exemple :

Pour modifier la couleur des flèches haut et bas des 2 boutons de l'ascenceur, c'est l'attribut ci-dessous qu'il fout modifier :

l'attribut qui suit détermine la couleur de fond de la zone sur laquelle se déplace l'ascenceur :

Par exemple mon site contient les paramètres suivants :

BODY {
...
SCROLLBAR-FACE-COLOR: #B1B78B;
SCROLLBAR-HIGHLIGHT-COLOR: #F6F7EB;
SCROLLBAR-SHADOW-COLOR: #F6F7EB;
SCROLLBAR-3DLIGHT-COLOR: #F6F7EB;
SCROLLBAR-ARROW-COLOR: #F6F7EB;
SCROLLBAR-TRACK-COLOR: #F6F7EB;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}