※カラーリスト(ブラウザ対応色名)
※インターネットエクスプローラー用なので、他のブラウザには反映されない。
1.1行でスクロールバー全体の色を指定
scrollbar-base-color: 色名; |
●使用例 html, body{ scrollbar-base-color: lightgreen; } |
※ページ全体だから、指定するタグは、html, bodyになる
2.部分毎に細かく指定
html, body{
scrollbar-3dlight-color: 色名; scrollbar-hightlight-color: 色名; scrollbar-arrow-color: 色名; scrollbar-face-color: 色名; scrollbar-shadow-color: 色名; scrollbar-darkshadow-color: 色名; scrollbar-track-color: 色名; } |
●使用例
html, body{ scrollbar-3dlight-color: yellow; scrollbar-hightlight-color: blue; scrollbar-arrow-color: red; scrollbar-face-color: white; scrollbar-shadow-color: gray; scrollbar-darkshadow-color: black; scrollbar-track-color: lightblue; } |
※スクロールバーの背景色(scrollbar-track-color)を指定してないときは、バーの表面の色(face-color)とバー内側の光の色、ハイライト色(hightlight)とが組み合わさった色になる。
※その2つとも指定してないときは、デフォルトになる。
※全項目指定しなくとも良い。指定したい箇所だけ指定。