Atributo CSS scrollbar-color

Definición y uso

scrollbar-color El atributo especifica el color del riel (fondo) y del control deslizante (barra de desplazamiento).

Ejemplo

Establece el color de la barra de desplazamiento del elemento:

div.scroller {
  width: 300px;
  height: 100px;
  overflow-y: scroll;
  scrollbar-color: rosa claro azul claro;
}

Pruebe usted mismo

Sintaxis CSS

scrollbar-color: auto|color color;

Valor del atributo

Valor Descripción
auto Establece el color de la barra de desplazamiento del navegador. Valor predeterminado.
color color El primer color establece el color del control deslizante de la barra de desplazamiento, el segundo color establece el color de la riel de la barra de desplazamiento.
initial Establece este atributo en su valor predeterminado. Ver: initial.
inherit Hereda este atributo de su elemento padre. Ver: inherit.

Detalles técnicos

Valor predeterminado: auto
Herencia: sí
Producción de animación: No se admite. Consulte:Atributos relacionados con la animación.
Versión: Módulo de Estilo de Barras de Desplazamiento CSS Nivel 1
Sintaxis de JavaScript: object.style.scrollbarColor="red blue"

Compatibilidad del navegador

La tabla de números representa la versión del navegador que admite completamente la propiedad por primera vez.

Chrome Edge Firefox Safari Opera
121 121 64 No soportado 107