| 属性名 | scrollbar-color |
|---|---|
| 値 | auto | <thumb-color> <track-color> |
| 初期値 | auto |
| 適用可能要素 | スクロールコンテナ |
| 継承 | 継承する |
| サポート | https://caniuse.com/mdn-css_properties_scrollbar-color |
スクロールバーの色を指定します。現時点(2024年11月)では Safari でまだサポートされていません。
.my-box {
width: 10rem;
height: 6rem;
border: 1px solid #999;
overflow: scroll;
scrollbar-color: #99f #fcc;
}
<pre class="my-box"> AAA BBB CCC DDD EEE FFF GGG </pre>
AAA BBB CCC DDD EEE FFF GGG