personnalisation de la barre de défilement verticale avec css/jquery

Question

J'ai un div comme <div id="content"> avec quelques balises <p> en son sein. Je définis le style pour div comme suit:

#content{ 
    height:200px; 
    overflow-y:scroll; 
} 

Y at-il un moyen que je peux personnaliser la barre de défilement. Je veux dire que je veux changer la couleur de la barre de défilement ainsi que son arrière-plan. Les barres de défilement sont générées par le système d'exploitation et vous avez peu de contrôle sur elles.

Answer 1

Il n'y a pas de code multi-navigateur valide, qui est capable de colorer les barres de défilement. Vous devez respecter la configuration de l'interface utilisateur des utilisateurs qui visitent votre page. Peut-être que vous voulez avoir des barres de défilement jQuery, qui sont entièrement personnalisables: http://www.net-kit.com/jquery-custom-scrollbar-plugins/

Answer 2

C'est pourquoi les gens ont créé une barre de défilement personnalisée, générée en javascript.

Il y a beaucoup de ressources pour la petite personnalisation que vous pouvez faire, il suffit de le google.

IIRC, vous pouvez modifier uniquement IE scrollbars par des trucs comme

scrollbar-3dlight-color:#ffd700; 
scrollbar-arrow-color:#ff0; 
scrollbar-base-color:#ff6347; 
scrollbar-darkshadow-color:#ffa500; 
scrollbar-face-color:#008080; 
scrollbar-highlight-color:#ff69b4; 
scrollbar-shadow-color:#f0f;