Scrollbars personnalisées sous chrome.

[adminîle]

Bonjour (: 

j'ai remarqué sur certains forums qu'on pouvait transformer toutes les barres de défilement par défaut, avec des couleurs/formes personnalisées, sous  . Je cherchais à obtenir ce résultat (comme par exemple ici là) ; j'ai regardé sur google & j'ai trouvé quelques pistes, notamment des codes tout faits en css + javascript, mais le résultat était pas ce que j'attendais & j'arrivais pas à changer les couleurs comme je le voulais...

voilà c'était pour savoir si quelqu'un aurait un code simple (scrollbar facile à personnaliser) pour m'aider.

Je vous remercie d'avance   

[MlleAlys]

Bonjour !
Voilà le code que j'ai utilisé :

Code:

/*SCROLL BAR*/
::-webkit-scrollbar{
  width: 15px; /*largeur de la scrollbar verticale*/
  height: 15px; /*hauteur de la scrollbar horizontale*/
}
::-webkit-scrollbar-track {
  background-color: COULEUR; /*couleur du fond de la scrollbar*/
  border: 1px solid COULEUR;  /*bordure*/
}
::-webkit-scrollbar-thumb {
  background-color: COULEUR /*couleur de l'ascenseur*/;
  border-radius: 10px;   /*arrondi des coins de l’ascenseur*/
  border: 1px solid COULEUR;  /*bordure de l'ascenseur*/
}
/*FIN SCROLLBAR*/

où COULEUR doit être remplacé par le code de la couleur désirée.

Sur les exemples que tu as donné, l'ascenseur n'est pas arrondi, mais j'ai laissé au cas où. Si ça ne t'intéresse pas, tu peux retirer la ligne ou bien mettre à 0px. J'avais également ajouté des effets d'ombre à l'ascenseur, etc...
Enfin bref, après tu personnalises comme tu le souhaites

[adminîle]

han c'est super, c'est exactement ce que je voulais, extra-simpleen plus, génial
merci beaucoup MlleAlys ♥

[MlleAlys]

de rien ! ^^