• ベストアンサー

外部スタイルシートでのスクロールバー

Dreamweaver MX 2004でサイトを作成しています。 外部スタイルシートでスクロールバーの色を変更したいのですが 適用されなく困っています。 -------------------------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>無題ドキュメント</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="pro1"> -------------------------------------------------- 外部スタイルシート(style.css) body { scrollbar-base-color:#efefbd; scrollbar-arrow-color:#efefbd; scrollbar-darkshadow-color:#efefbd; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; } ------------------------------------------------- わかる方がいらっしゃいましたら、お願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

外部シートを html { scrollbar-base-color:#efefbd; scrollbar-arrow-color:#efefbd; scrollbar-darkshadow-color:#efefbd; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; } にしてください。

awasumi
質問者

お礼

おぉ~!ありがとうございます! この方法でできました!

その他の回答 (2)

回答No.3

補足です... スクロールバーの色指定は IE5.5では<BODY>タグへの指定で有効となりますが IE6では<!DOCTYPE>宣言の内容により<BODY>タグのみへの指定では 無効となる場合があります。 IE5.5とIE6の両方でスクロールバーの色指定を有効にするには <HTML>と<BODY>の両方にスタイルシートを指定してください。

awasumi
質問者

お礼

>IE5.5では<BODY>タグへの指定で有効となりますが IE6では<!DOCTYPE>宣言の内容により<BODY>タグのみへの指定では 無効となる場合があります。 知りませんでした。ありがとうございます! IEのバージョンのことは考えたことがなかったので ちゃんと考えて作らなければいけないなっと勉強になりました。 皆様、本当にありがとうございました。

回答No.2

 タグ自体には問題ない様子で、こちらで確認した所適用されていました。  本文(htmlファイル)の方に<BR>など入力し長文にして確認されましたか?スクロールの必要ない(上下の短い)画面ですとバー自体が表示されないので確認しにくいかと思います。  また、バーのカラーが白系ばかりで分かりにくいため、redやblackなど分かりやすいはっきりとした色で一度テストされると適用されて着るかの確認はしやすいかと思われます。

awasumi
質問者

お礼

長文で打ってあり、スクロールバーがデフォルトの色で 表示されていました。。 確認していただき、ありがとうございます!