CSS scrollbar-color 属性

定义和用法

scrollbar-color 属性指定滚动条轨道（背景）和滑块（滚动条）的颜色。

实例

设置元素滚动条的颜色：

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

亲自试一试

CSS 语法

scrollbar-color: auto|color color;

属性值

值 描述
auto 浏览器设置滚动条的颜色。默认值。
color color 第一个颜色设置滚动条滑块的颜色，第二个颜色设置滚动条轨道的颜色。
initial 将此属性设置为其默认值。参阅 initial。
inherit 从其父元素继承此属性。参阅 inherit。

技术细节

默认值： auto
继承性： yes
动画制作： 不支持。请参阅：动画相关属性。
版本： CSS Scrollbars Styling Module Level 1
JavaScript 语法： object.style.scrollbarColor="red blue"

浏览器支持

表格中的数字表示首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
121 121 64 不支持 107