Proprietà CSS scrollbar-color

Definizione e uso

scrollbar-color L'attributo specifica il colore della traccia della barra di scorrimento (sfondo) e del cursore (barra di scorrimento).

Esempio

Imposta il colore della barra di scorrimento dell'elemento:

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

Prova personalmente

Sintassi CSS

scrollbar-color: auto|color color;

Valore dell'attributo

Valore Descrizione
auto Imposta il colore della barra di scorrimento del browser. Valore predefinito.
color color Il primo colore imposta il colore della barra di scorrimento, il secondo colore imposta il colore della traccia della barra di scorrimento.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Eredita questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: yes
Creazione delle animazioni: Non supportato. Si prega di consultare:Proprietà correlate agli animazioni.
Versione: Modulo di Stylizzazione delle Scrollbars CSS Livello 1
Sintassi JavaScript: object.style.scrollbarColor="red blue"

Supporto del browser

Tabella dei numeri indica la versione del browser che supporta completamente l'attributo per la prima volta.

Chrome Edge Firefox Safari Opera
121 121 64 Non supportato 107