スクロールバーの色を変えるカスタマイズを紹介します。スクロールバーとは画面右端にある、画面を上下させるためのバーです。
スタイルシートの何処でもいいので次の記述を加えます。
html {
scrollbar-base-color: #cc8080;
}
これだけで大まかな色の設定が出来るのですが、更に細かく細部の設定をすることも可能です。
html {
scrollbar-face-color: #cc8080; /* 表面の色 */
scrollbar-arrow-color: #000000; /* 矢印の色 */
scrollbar-3dlight-color: #990000; /* 外枠(上・左) */
scrollbar-darkshadow-color: #000000; /* 外枠(下・右) */
scrollbar-highlight-color: #ffffff; /* 内枠(上・左) */
scrollbar-shadow-color: #ffffff; /* 内枠(下・右) */
scrollbar-track-color: #ddc0c0; /* トラック(背景)の色 */
}
これでスクロールバーの色を設定することが出来ます。ただしIE系のブラウザしか有効になりません。
- 関連記事
-