インラインフレーム内のスクロールバーの色変更について

解決済

質問者：akoyabu
質問日時：2009/07/14 18:07
回答数：1件

インラインフレーム内のスクロールバーの色を白に変更したいのですがインラインフレームを置いている親ページのスクロールバーの色が変わってしまいます
インライフレーム内の元ページのスクロールバーの色も変更していますが出来ません

インラインフレーム内のページタグ
<HEAD><style type="text/css">
 </style>

親ページのタグ
<IFRAME frameborder="0" src="file:///J:/hompage/haikyo.html" width="470" height="470" scrolling="AUTO" scrollbar-base-color: #ffffff style="scrollbar-darkshadow-color : white;scrollbar-face-color : white;scrollbar-3dlight-color : white;scrollbar-highlight-color : white;scrollbar-arrow-color : white;scrollbar-shadow-color : white;scrollbar-base-color : white;scrollbar-track-color : white;"></IFRAME>

ネットでも検索してみましたが検索の仕方がわるいのかうまく出来ません
アドバイスお願いします

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： torayoshi
回答日時：2009/07/14 19:19

記述の仕方など細かい部分に間違いが見られますが、そもそも根本から間違ってます。

htmlでは親ページからiframeページのhtmlあるいはbody要素のスタイルを操作することは出来ません。
スタイルを適用させたいページ(この場合はhaikyo.html)のbody要素にCSSを当てて下さい。

例
【haikyo.html】
<body style="scrollbar-base-color:#ffffff;scrollbar-darkshadow-color:white;scrollbar-face-color:white;scrollbar-3dlight-color:white;scrollbar-highlight-color:white;scrollbar-arrow-color:white;scrollbar-shadow-color:white;scrollbar-base-color:white;scrollbar-track-color:white;">

それから、インラインフレームページの
<style type="text/css">
</style>
これは二重指定にもなるので不要です。
(scrollbar-base-color: #ffffff←セミコロン;が抜けてますよ ^^;)

しかし背景色が何色か分かりませんが、すべて同一色というのは
閲覧者に混乱を与えかねず、あまりお勧め出来ませんけどね。