スクロールバーの色を変える

スクロールバーの色を変えるカスタマイズを紹介します。スクロールバーとは画面右端にある、画面を上下させるためのバーです。

スタイルシートの何処でもいいので次の記述を加えます。

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系のブラウザしか有効になりません。

関連記事

[ 2006/10/28 18:13 ] カスタマイズ共通カスタマイズ | TB(0) | CM(1)

≪ 「このブログをリンクに追加する」を付ける | HOME | 標準的なコメントリンクに戻す ≫

[ 3147 ] 度々質問です。

スクロールバーの色を変えたいと思い
試行錯誤中なのですが、

<style type="text/css">

</STYLE>

をスタイルシート部分にいれると
スクロールバーは正常表示されるのですが
３カラム目のみ右よりでその他左よりになってしまい
今まで通りにセンターにブログがこないのです。。
また余白部分も白くなってしまいます。
改善方法教えてください(｡-人-｡)

背景の件、無事設定済みました♪
教えてくれた方ありがとうございました！

[ 2008/02/29 11:34 ] [ 編集 ]

コメントの投稿