Propriedade scrollbar-color do CSS

Definição e uso

scrollbar-color A propriedade especifica a cor da trilha da barra de rolagem (fundo) e do controle deslizante (barra de rolagem).

Exemplo

Defina a cor da barra de rolagem do elemento:

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

Experimente você mesmo

Sintaxe CSS

scrollbar-color: auto|color color;

Valor da propriedade

Valor Descrição
auto Defina a cor da barra de rolagem do navegador. Valor padrão.
color color O primeiro conjunto de cores define a cor do controle deslizante da barra de rolagem, e o segundo conjunto de cores define a cor da trilha da barra de rolagem.
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: auto
Herança: sim
Produção de animação: Não suportado. Veja:Propriedades relacionadas a animação.
Versão: Módulo de Estilização de Barras de Rolagem CSS Nível 1
Sintaxe do JavaScript: object.style.scrollbarColor="red blue"

Suporte do navegador

Os números na tabela representam a versão do navegador que suporta completamente essa propriedade pela primeira vez.

Chrome Edge Firefox Safari Opera
121 121 64 Não suportado 107