• 締切済み

スクロールバーの色を変更できません。

web上のサイトを参考にhtmlを組んでいるのですが下記のソースでスクロールバーの色を変更することができません。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>無題ドキュメント</title> <style type="text/css"> <!-- html,body { scrollbar-face-color: #ffffff; scrollbar-highlight-color: #cccccc; scrollbar-shadow-color: #cccccc; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #999999; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } --> </style> </head> <body> <iframe src="a.html" name="sample" width="200" height="150"> </iframe> </body> </html> **************a.html******************** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>無題ドキュメント</title> </head> <body> hello world<br />hello world<br />hello world<br />hello world<br />hello world<br />hello world<br />hello world<br />hello world<br />hello world<br />hello world<br />hello world<br />hello world<br />hello world<br />hello world<br />hello world<br />hello world<br />hello world<br />hello world<br />hello world<br />hello world<br /> </body> </html>

みんなの回答

  • abril
  • ベストアンサー率69% (388/560)
回答No.4

> 私はIE7でやっているのですができません。 > OSはXPです。 まさにこの組み合わせで実際に試してみましたけど、オリジナルのソースのままならiframeを埋め込んだ側のスクロールバー(=ブラウザのウィンドウのスクロールバー)がCSSでの指定通りのスタイルに変わりますし、No.1様の様にa.htmlにも同じCSSを適用すれば、iframeのスクロールバーも変更されますよ。 両方のパターンを為してみましたか?カラーの指定が白とかグレーとか、ディフォルトのスタイルからあまり隔たっていないので、もしかして(変更されている事に)気付いてないだけ、なんて事はありませんか…?赤とか緑とか極端な色を指定して確認してみましたか?

noname#100277
noname#100277
回答No.3

TridentエンジンのブラウザやOperaでの確認では意図した表示に成ってますよ? OSはWindowsの何ですか?

tkwavek
質問者

お礼

ご回答ありがとうございます。 OSはXPです。

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.2

確認ブラウザはなにを使ってますか? Firefoxのような非IE系だと色が変わりません。 私はIE8で色が変わるのを確認しました。

tkwavek
質問者

お礼

ご回答ありがとうございます。 torayoshiさんの環境ではできているようですね。 私はIE7でやっているのですができません。

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

まず、どのページのスクロールバーの色を変更したいのか。 このソース通りだと、スクロールバーの色が変わるのは、 インナーフレームを埋め込んだページ(上のソース)だけです。 インナーフレーム(a.html)のスクロールバーの色も変えたいなら、 a.htmlにも同じようにCSSを書いてください。

tkwavek
質問者

お礼

ご回答ありがとうございました。 >このソース通りだと、スクロールバーの色が変わるのは、 インナーフレームを埋め込んだページ(上のソース)だけです。 今実験的にやっているだけなのでスクロールバーの色を変える ページはどこでもいいです。 ですがどのページのスクロールバーも色が変わりません。 どうしてでしょうか