Atrybut scrollbar-color w CSS

Definicja i użycie

scrollbar-color Atrybut określa kolor ścieżki (tła) i suwaka (paska przewijania).

Przykład

Ustaw kolor paska przewijania elementu:

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

Spróbuj sam

Gramatyka CSS

scrollbar-color: auto|color color;

Wartość atrybutu

Wartość Opis
auto Przeglądarka ustawia kolor paska przewijania. Domyślna wartość.
color color Pierwszy kolor ustawia kolor suwaka paska przewijania, drugi kolor ustawia kolor ścieżki paska przewijania.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: auto
Inheredność: yes
Tworzenie animacji: Nieobsługiwane. Zobacz:Atrybuty animacji.
Wersja: Moduł stylizacji pasków przewijania CSS poziom 1
Gramatyka JavaScript: object.style.scrollbarColor="red blue"

Wspieranie przeglądarki

Tabela zawiera wersje przeglądarek, które w pełni wspierają tę właściwość.

Chrome Edge Firefox Safari Opera
Opera Opera 121 64 Nieobsługiwane