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