Атрибут CSS scrollbar-color

Определение и использование

scrollbar-color Атрибут определяет цвет дорожки (фона) и ползунка (скролла).

Пример

Установите цвет полосы прокрутки элемента:

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

Попробуйте сами

CSS syntax

scrollbar-color: auto|color color;

Значение свойства

Значение Описание
auto Браузер устанавливает цвет скролла. Значение по умолчанию.
color color Первый цвет устанавливает цвет ползунка скролла, второй цвет устанавливает цвет дорожки скролла.
initial Этот атрибут устанавливается в значение по умолчанию. См. также: initial.
inherit Эта функция наследуется от родительского элемента. См. также: inherit.

Технические детали

Значение по умолчанию: auto
Ингеритация: yes
Анимация: Не поддерживается. См. также:Атрибуты анимации.
Версия: CSS Scrollbars Styling Module Level 1
JavaScript syntax: object.style.scrollbarColor="red blue"

Поддержка браузера

Таблица чисел показывает версию браузера, которая полностью поддерживает этот атрибут.

Chrome Edge Firefox Safari Opera
121 121 64 Не поддерживается 107