CSS scrollbar-color 屬性
示例
設定元素的捲軸顏色
div.scroller {
width: 300px;
height: 100px;
overflow-y: scroll;
scrollbar-color: pink lightblue;
}
自己動手試一試 »
定義和用法
scrollbar-color 屬性指定捲軸軌道(背景)和滑塊(滾動器)的顏色。
| 預設值 | auto |
|---|---|
| 繼承 | 是 |
| 可動畫 | 否。 閱讀關於可動畫屬性 |
| 版本 | CSS 捲軸樣式模組級別 1 |
| JavaScript 語法 | object.style.scrollbarColor="red blue" 試一試 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| scrollbar-color | 121 | 121 | 64 | 不支援 | 107 |
CSS 語法
scrollbar-color: auto|color color;
屬性值
| 值 | 描述 |
|---|---|
| auto | 瀏覽器設定捲軸的顏色。這是預設值 |
| color color | 第一個顏色設定捲軸滑塊的顏色,第二個顏色設定捲軸軌道的顏色 |
| initial | 將此屬性設定為其預設值。閱讀關於initial |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |