livedoor ナレッジ

スクロールバーの色を・・

前回、スクロールバーの色を変更できるか質問して、スタイルシートの. {
scrollbar-color:#ffffff;
}
の箇所の色を変えればいいと回答してもらいましたが､その箇所がなかなか見つからず上のタグを一番下に貼り､再構築したけど変化なしで・・
パソコンの元々のスクバの色(灰色)はやっぱり変えれないんでしょうか・・？

以下の記述をCSSの中に追加してください。とりあえずコピーして貼り付けてから、色の指定を好みの色に変えるのが良いんじゃないでしょうか。

追加する場所は、CSS の最初の所にある、body{ } の中です。

scrollbar-3dlight-color : #FFFFFF;
scrollbar-arrow-color : #336666;
scrollbar-base-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
scrollbar-face-color : #FFFFFF;
scrollbar-highlight-color : #CCCCCC;
scrollbar-shadow-color : #CCCCCC;
scrollbar-track-color : #FFFFFF;

***********************************************
scrollbar-3dlight-color ：スクロールバーの外枠の左と上側の色
scrollbar-arrow-color ：スクロールバーの矢印の色
scrollbar-base-color ：スクロールバーの基本（全体）の色
scrollbar-darkshadow-color：スクロールバーの外枠の右と下
scrollbar-face-color ：スクロールバーの表面の色
scrollbar-highlight-color ：スクロールバーの内枠左と上側の色
scrollbar-shadow-color ：スクロールバーの内枠右と下側の色
scrollbar-track-color ：バーを移動させる範囲の溝の色

ちなみにすべての項目をきちっと記述する必要は無く、スタイル指定したところは変化し、指定の無いところは変化しない。ただそれだけです。必要でないと思った項目は、記述しなくても良いですから。ようは自分好みのデザインにスクロールバーが仕上がれば良いわけですから、あまり考え込まずに楽しんでやってください。

知っておいて欲しいのは、Windows＋IEの組み合わせだけに有効ですから。Macのサファリなんか、こっちの気持ちも考えずに、スクロールバーのデザイン変えるどころか、ボタンの形まで勝手に変えちゃいますから。むちゃくちゃ高級に見えるので、許しますけど ・・・。

>>パソコンの元々のスクバの色

…ブログ上での事ではないと解釈して説明してみます。


まずＰＣを起動させ、
左下の【スタート】をクリックし、
次に【コントロールパネル】をクリックｏ
次は【画面】をダブルクリックｏ
そして【デザイン】をクリックし、
最後に【配色】をクリックして、出てきたものの中から好みのものを選び、
【ＯＫ】をクリックすれば完了です。

でも…配色パターンにお好みのものがあるとは限りませんし、
かおりさんのＰＣがWin xpでなかったとしたら、
やり方は多少違ってくるかも知れませんのであしからず。

ちなみに、
IEのバージョン5.5と6.0でスクロールバーの色を変えるには、
「body」「html」の両方に
その属性を書かないといけないはずです。