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 |