CSS scrollbar-color egenskap

Definition och användning

scrollbar-color Egenskapen specificerar färgen på scrollbarbanan (bakgrund) och scrollbarsliden (scrollbar).

Exempel

Ställ in elementets scrollbarns färg:

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

Prova själv

CSS-språk

scrollbar-color: auto|color color;

Egenskapsvärde

Värde Beskrivning
auto Webbläsarens inställning av scrollbarns färg. Standardvärde.
color color Den första färgen anger färgen på scrollbarsliden, den andra färgen anger färgen på scrollbarbanan.
initial Sätt detta egenskap till dess standardvärde. Se: initial.
inherit Följande är att ärva detta egenskap från föräldrelementet. Se: inherit.

Tekniska detaljer

Standardvärde: auto
Arv: ja
Animeringsproduktion: Stöds inte. Se:Animeringsrelaterade egenskaper.
Version: CSS Scrollbars Styling Module Level 1
JavaScript-språk: object.style.scrollbarColor="red blue"

Webbläsarstöd

Tabellens siffror representerar den första webbläsarens version som helt stöder detta egenskap.

Chrome Edge Firefox Safari Opera
121 121 64 Stödjer inte 107