• 締切済み

IE6でのスクロールバーの色

IE5.5の時は、スクロールバーの色が変わってたんですが、 IE6にしたら、色が変わらなくなりました。 どうしたらよいでしょうか。 教えてください。 よろしくお願いします。 ■補足説明■ スタイルシートは外部から読み込むようにしてます。 記述は以下のとおりです。 body{scrollbar-base-color:#000000; scrollbar-face-color:#000000; scrollbar-track-color:#000000; scrollbar-arrow-color:#8080ff; scrollbar-3dlight-color:#8080ff; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#8080ff; font-size:12px; color:#8080ff; background-color:#000000}    ・    ・    ・    ・ フォントサイズ、フォントの色、背景色は認識されてます。

noname#2151
noname#2151

みんなの回答

  • ARC
  • ベストアンサー率46% (643/1383)
回答No.2

私もしばらく悩んだんですが、分かりました! HTML冒頭の <!DOCTYPE… の宣言がありますよね。 ここが、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"/> (厳密にHTML4.01の仕様に準拠している) だと、NGで、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> (他のバージョンのHTMLの表現も認める) だと、OKでした。 そういえば、スクロールバーの色を変えるのって、HTML4の仕様にはありませんでしたもんねぇ。

回答No.1

私もIE6で、同じ事を経験しています。 !DOCTYPE の記述で、ブラウザのHTML構文に対しての認識が変わるかもって思って、色々と変えてみましたが、それもNGでした。 恐らくIE6の仕様だと思って半ば諦めています。 一応Microsoftには質問を送ってますが、回答はまだありません。

関連するQ&A

  • TEXTAREAのスクロールバーの色は変えない方法

    次のようにすると、TEXTAREAのスクロールバーも色が変わってしまいます。 ブラウザのスクロールバーのみ変えて、TEXTAREAのスクロールバーの色は変えない、できるだけ洗練されたエクセレントな方法を教えて下さい! body { scrollbar-highlight-color:#ffffff; scrollbar-arrow-color:#ffffff; scrollbar-3dlight-color:#0066ff; scrollbar-base-color:#0066ff; scrollbar-face-color:#0066ff; scrollbar-shadow-color:#0066ff; scrollbar-darkshadow-color:#299095; }

    • ベストアンサー
    • CSS
  • スクロールバーの色を変更

    サイトのTOPでスクロールバーの色の変更をして、それは出来たのですが… TOPに更新履歴を表示するテキストエリアボックスのスクロールバーまで色が変わってしまいます。 ここに関しては通常の青いスクロールバーにしたいのですが、どうすればいいのか分かりません…。 スクロールバーの色の変更は<HEAD>内にこれを使いました。 <style type="text/css"> <!-- body { scrollbar-arrow-color:#000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#000; scrollbar-track-color:#fff; scrollbar-shadow-color:#000; scrollbar-darkshadow-color:#fff; } --> </style>

  • CSSによるスクロールバーの色の反映がされない

    CSSによるスクロールバーの色の反映がされないのですが、原因がよく分かりません。 環境 windows2000SP4 IE6.0.2 ソース html,body{ background-color:#FFFFFF; font-size:14px; margin:0px; scrollbar-3dlight-color : #FFFFFF; scrollbar-arrow-color : #336666; scrollbar-base-color : #FFFFFF; scrollbar-darkshadow-color : #FFFFFF; scrollbar-highlight-color : #CCCCCC; scrollbar-shadow-color : #CCCCCC; scrollbar-track-color : #FFFFFF; } 外部CSSを読み込む感じなのですが、他のCSSは反映されているので、外部CSSへのリンクが違うということはないです。 また、おそらくスクロールバーの色を変更しているサイトのスクロールバーを見てもデフォルトの灰色です。 また、IEのインターネットオプションのユーザー設定には何もチェックはいれていません。 何かあやしい点があれば、教えて下さい。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • HP作成(スクロールバーの色)

    HP作成初心者です。 画面のスクロールバーの色をスタイルシートを使って変更したいのですが、言語がよく分かりません。 以下の「face-color」や「highlight-color」などはどの部分の色を指定しているのでしょうか? 分かる方教えてください。参考になるURLなども教えていただければうれしいです。 <STYLE type="text/css"> <!-- body { scrollbar-face-color:#756fea; scrollbar-highlight-color:white; scrollbar-shadow-color: #756fea; scrollbar-3dlight-color: #756fea; scrollbar-arrow-color:white; scrollbar-darkshadow-color: #756fea; scrollbar-track-color: #4d44e3; } --> </STYLE>

  • スクロールバーの色

    スクロールバーの色の変更で、ソースは以下なのですが、 <head> <style type="text/css"> <!-- body {scrollbar-3d-light-color:#000000; scrollbar-arrow-color:#ffffff; scrollbar-base-color:#ff0000; scrollbar-dark-shadow-color:#00ff00; scrollbar-face-color:#00ff00; scrollbar-highlight-color:#00ffff; scrollbar-shadow-color:#ffff00;} --> </style> </head> それぞれどこの色を示しているのですか? Faceは、マウスを置いて動かす部分の色のようですが・・・。他はどうなんでしょう?色が混ざってしまうのですか。 また、このソースを1ページずつ<head>~</head>の中に入れなければいけませんか?

    • ベストアンサー
    • HTML
  • スクロールバーの色の変更について

    パソコンによってスクロールバーの色の変更ができるのとできないのとがあるのはソースの問題でしょうか? ちなみにソースは以下のとおりです。 <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>××</title> <STYLE type="text/css"> <!--BODY{ scrollbar-face-color:#FFCECE; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; font-family: "MS ゴシック", "Osaka-等幅"; color: #660033; background-image: url(IMAGES/××.gif); }--> </STYLE> </head>

    • ベストアンサー
    • HTML
  • スタイルシートのスクロールバー

    現在HPを作成しています。 スタイルシートでスクロールバーの色を変更させたいのですが、出来ません。 何処かおかしいでしょうか? 宜しくお願いします。 <style type=text/css> <!-- body{ scrollbar-face-color:#fba32b; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:#fba32b; scrollbar-track-color:white; scrollbar-darkshadow-color:white; } --> </STYLE>

  • スクロールバーが表示されない。。

    枠つきのスクロールバーをもらい ブログにつけようとしましたが、 なぜか枠だけでスクロールバーだけが表示されません。。 原因はなんでしょうか? 改善の方法はありますか? 下のタグです <div style="width:337;height:200;overflow:auto; scrollbar-3dlight-color:#ff00ff; scrollbar-arrow-color:#ff00ff; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ff00ff; scrollbar-track-color:#ffffff; "> <Table border="1" width="320" height="300" cellspacing="0" bordercolor="#004a95"> <Tr><Td height="30" bgcolor="#004a95" align="left"> <font size="3" color="#ffffff" face="MS ゴシック"> タイトル部分</font> </Td></Tr> <Tr><Td bgcolor="#ffffff" align="center" valign="top"> 内容部分 </Td></Tr> </Table></div>

    • ベストアンサー
    • CSS
  • ココログのスクロールバー

    「ココログ」を使っています。 カスタム編集にした時、CSSをつかって スクロールバーの色を変えたいのですが、上手く反映されず通常のままです。 (ちなみにオンマウスの設定など、他のCSSは反映されています) 何か間違っているでしょうか? それとも「ココログ」ではスクロールバーの変更は対応してないのでしょうか? ----------------------------------------------- <STYLE type=text/css> <!-- BODY{ scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } --> </STYLE> -----------------------------------------------

  • スクロールバーのデザイン変える方法を教えてくだい

    現在HP制作中なのですが、スクロールオーバーの色、形などを変更したくて、色々と検索したところ、この様な記述が多かったので、 html, body { scrollbar-3dlight-color: #ffcccc; scrollbar-arrow-color: black; scrollbar-darkshadow-color: black; scrollbar-face-color: #ffcccc; scrollbar-highlight-color: #997a7a; scrollbar-shadow-color: white; } 実行してみたのですが、全然変わりませんでした。。。 一応、この様に書いてみてスクロールバー自体は表示されたのですが。。。 デザイン変更できません、、、 .scroll_pane { height: 376px; width: 226px; overflow: auto; font-size: 14px; color: #FFF; } いくつか試してみたのですが、全然できませんでした。。。泣 色、形など変えたいです。 どなたか、ご存知の方、是非教えてください。。。 どうぞよろしくお願い致します。 使用OSはMAC OS XでDream WeaverCS4を使用しています。。。

    • ベストアンサー
    • CSS

専門家に質問してみよう