Attribut scrollbar-color CSS

Définition et utilisation

scrollbar-color L'attribut spécifie la couleur de la piste de la barre de défilement (arrière-plan) et du curseur (barre de défilement).

Exemple

Définir la couleur de la barre de défilement de l'élément :

div.scroller {
  width: 300px;
  height: 100px;
  overflow-y: scroll;
  scrollbar-color: pink lightblue;
}

Essayez-le vous-même

Syntaxe CSS

scrollbar-color: auto|color color;

Valeur de l'attribut

Valeur Description
auto Définit la couleur de la barre de défilement du navigateur. Valeur par défaut.
color color La première couleur définit la couleur du curseur de la barre de défilement, la deuxième couleur définit la couleur de la piste de la barre de défilement.
initial Définit cette propriété à sa valeur par défaut. Voir initial。
inherit Inherits this property from its parent element. Voir inherit。

Détails techniques

Valeur par défaut : auto
Héritabilité : yes
Réalisation des animations : Non pris en charge. Voir :Propriétés liées aux animations。
Version : Module de styling des barres de défilement CSS Niveau 1
Syntaxe JavaScript : object.style.scrollbarColor="red blue"

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
121 121 64 Non pris en charge 107