Scrollbar appliquée à toutes les barres.

[Mysterack]

Une nouvelle salutation de ma part \ô/

Actuellement je cherche à personnaliser mes scrollbars comme sur la plupart des forums d'aujourd'hui.
Néanmoins je ne suis parvenu qu'à customiser la barre générale de droite et non celle de mes tableaux.
Je me retrouve donc avec ceci mais je souhaiterais me retrouver avec cela.

J'ai su donc trouver ces quelques codes en CSS;


Code:

:-webkit-scrollbar {
 height: 3px;
 width: 10px;
 background-color: #E2EFF0; /* couleur de fond */
}
 
html > ::-webkit-scrollbar {
  width: 5px; /* largeur de la barre */
}
 
::-webkit-scrollbar-thumb {
  background: #598385; /* couleur de la barre qui se déplace */
  border-radius: 50px;  /* Arrondis */
}
 
::-webkit-scrollbar-track-piece {
  background-color: #E2EFF0; /* couleur de fond */
}

Mais rien de plus ! Alors j'en viens à votre aide.
Amicalement,

[Self]

Bonjour ^^.

Vous travaillez sous mozilla firefox ?
Si tel est le cas ce n'est pas le meilleur navigateur pour personnalisé votre scrollbar, mozilla n'aime pas trop que l'on touche à ses scrollbar ^^.

Cordialement .

[Mysterack]

Non, je travaille sous google chrome ! °^°

[Self]

Bonsoir .

Le code trouver sur le net ne devrais pas donner ce que vous avez en ce moment :/.
Et si on essayez avec un hack CSS pour chrome, comme cela:

Code:

@media screen and (-webkit-min-device-pixel-ratio:0) {
:-webkit-scrollbar {
 height: 3px;
 width: 10px;
 background-color: #E2EFF0; /* couleur de fond */}   
html > ::-webkit-scrollbar {
 width: 5px; /* largeur de la barre */}     
::-webkit-scrollbar-thumb {
 background: #598385; /* couleur de la barre qui se déplace */
 border-radius: 50px;  /* Arrondis */}       
::-webkit-scrollbar-track-piece {
 background-color: #E2EFF0; /* couleur de fond */}
}

Cordialement .

[Mysterack]

Re-bonsoir !

J'ai tenté le code mais de nouveau, ça ne touche que la barre générale de droite ( lien du forum test

A moins que je ne m'y prenne très mal ! x.x
Merci beaucoup pour votre temps accordé, fufuh.

[Invité]

Bonjour,

ce code marche sur tous les ascenseurs

Code:


/* Chrome, Safari */
::-webkit-scrollbar {
   width: 5px;
   height: 10px;
}

::-webkit-scrollbar-track-piece  {
   background-color: #E2EFF0;
}

::-webkit-scrollbar-thumb:vertical {
   height: 30px;
        -webkit-border-radius: 10px;
   background-color: #598385;
}

::-webkit-scrollbar-thumb:horizontal{
   height: 30px;
        -webkit-border-radius: 10px;
   background-color: #598385;
}

[Mysterack]

*-------* Cela marche enfin !
Merci à vous deux pour cette précieuse aide ! Je marque résolu !