スクロールバーの設定 CSS入門-7
みなさんもご存知のように、CSSを編集することで、スクロールバーの色も変更できます。(IE5.5以降)
以下の部分に色設定を書き加えるだけです。
ここに下のように各パーツごとの色設定を書き加えます。
実際に色を変更するには以下のような文をCSSに書き込むだけでいいんですが、設定がちょっと多いので、どの文でどの部分の色が変わるのかがわかるようにしました。 参考にしてみてください。
以下の部分に色設定を書き加えるだけです。
/* ----------------------- common ----------------------- */
* {
margin: 0;
padding: 0;
}
ここに下のように各パーツごとの色設定を書き加えます。
* {
margin: 0;
padding: 0;
scrollbar-face-color:#CC0033;
scrollbar-track-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-3dlight-color: #CC0033;
scrollbar-arrow-color: #FFFFFF;
scrollbar-darkshadow-color: #CC0033;
}
実際に色を変更するには以下のような文をCSSに書き込むだけでいいんですが、設定がちょっと多いので、どの文でどの部分の色が変わるのかがわかるようにしました。 参考にしてみてください。