インラインフレーム内のスクロールバーの色変更方法
- インラインフレーム内のスクロールバーの色を白に変更する方法がわかりません
- 親ページのスクロールバーの色も変わってしまいます
- 検索してもうまく解決策が見つかりませんでした
- ベストアンサー
インラインフレーム内のスクロールバーの色変更について
インラインフレーム内のスクロールバーの色を白に変更したいのですがインラインフレームを置いている親ページのスクロールバーの色が変わってしまいます インライフレーム内の元ページのスクロールバーの色も変更していますが出来ません インラインフレーム内のページタグ <HEAD><style type="text/css"> <!-- body { scrollbar-base-color: #ffffff scrollbar-arrow-color: #ffffff; } --> </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> ネットでも検索してみましたが検索の仕方がわるいのかうまく出来ません アドバイスお願いします
- akoyabu
- お礼率48% (18/37)
- HTML
- 回答数1
- ありがとう数3
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
記述の仕方など細かい部分に間違いが見られますが、そもそも根本から間違ってます。 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"> <!-- body { scrollbar-base-color: #ffffff scrollbar-arrow-color: #ffffff; } --></style> これは二重指定にもなるので不要です。 (scrollbar-base-color: #ffffff←セミコロン;が抜けてますよ ^^;) しかし背景色が何色か分かりませんが、すべて同一色というのは 閲覧者に混乱を与えかねず、あまりお勧め出来ませんけどね。
関連するQ&A
- インラインフレームで作ったテキストBOXのスクロールバーに色を付けるには
HPビルダーのインラインフレームで作ったスタイルシートのテキストボックスのスクロールバーに色を付けたいのです。 border-color : lime lime lime lime; border-style:dotted; background-color:#ffffcc; ここまでは表示されてますが、プレビューしてもスクロールバーに色が付きません、修正場所を教えてください。 『<IFRAME src="koushinrireki.html" scrolling="AUTO" width="565" height="190" frameborder="0" style="border-color : lime lime lime lime; border-style:dotted; background-color:#ffffcc; scrollbar-3dlight-color:#ffff00; scrollbar-arrow-color:#cc0066; scrollbar-base-color:white; scrollbar-darkshadow-color:#ffcccc; scrollbar-face-color:white; scrollbar-highlight-color:#ffcccc; scrollbar-shadow-color:#ffcccc;" </IFRAME></IFRAME>』
- ベストアンサー
- ホームページ作成ソフト
- スクロールバーの色を変更
サイトの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>
- 締切済み
- 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
- CSSでスクロールバーの色変更
こんばんは、とあるホームページのテンプレート配布サイトから トップページのテンプレートをDLしました。 規約にはカスタマイズや加工は自由にしてもいいとのことで 自分で色々書き換えていたのですが、スクロールバーの色変えだけが上手くいきません。 そのテンプレート自体はベースの構造を同梱されていた外部ファイルにリンクしていたので、その中身を覗いてみたのですが スクロールバーに関する記述はあまりよくわからなかったです。 そこで直接指定しようと思い、トップページのソース<HEAD></HEAD>の間に <STYLE type="text/css"> <!-- scrollbar-face-color:#ffffff; scrollbar-highlight-color: #C0C0C0; scrollbar-shadow-color: #C0C0C0; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #C0C0C0; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } --> </style> と入れたんですが、上手くいきません。今まで一から手打ちでHPを作っていた時はこの方法でいけたのですが…。 OSはXPでIE6で見ています。
- ベストアンサー
- HTML
- 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
- スタイルシートのスクロールバー
現在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>
- ベストアンサー
- その他([技術者向] コンピューター)
- 横スクロールバーを表示したい
スクロールバーの色を変更するために下記のタグを埋め込んだ所、 今まで表示されていた横スクロールバーが消えてしまいました。 横スクロールさせないと見えない部分があるので、ぜひ表示させたいです。 どうか教えてください! Win98se・IE6 HPビルダーでどこでも配置モードを利用しています。 <STYLE type="text/css"><!--body {scrollbar-face-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#C0C0C0; scrollbar-highlight-color:#808080; scrollbar-shadow-color:#C0C0C0; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; overflow-x : hidden ;} --> </STYLE>
- ベストアンサー
- HTML
- アイフレームのスクロールバーを変えたい。
お世話になります。 アイフレームを使いたいんですけど、スクロールバーをスケルトンとかちょっとかわいめに変えたいんです。 最終的には、背景を透かして、アイフレーム内に入る文章が長いときだけスクロールバーが現れ、それがスケルトンとかちょっと可愛いものに変えたい、ということです。 通常のhtmlだとスタイルシートで <style type="text/css"> <!-- body{scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffFFff; scrollbar-shadow-color: #ffFFff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #FF0033; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff;} --> </style> こんな感じで入れると思うんですけど、これはアイフレームにはきかないんですよね・・・。 ちなみに現状は以下です。 <IFRAME name="ifnikki" src="nikki.shtml" width="380" scrolling="AUTO" frameborder="0" flameallowtransparency="true">
- ベストアンサー
- その他(インターネット・Webサービス)
- スクロールバーのスタイルシートについて。
スクロールバーの色を変えるスタイルシートで質問です。 下記スタイルシートを使うとそれが出来るのですが、たとえば HPをフレームで2つに分けた場合、全部のページにスタイルシートを 書かなければいけないんでしょうか?一番最初のページだけではうまく いきませんでした。分かる方お手数ですが教えて頂けないでしょうか。 <style type="text/css"> body { scrollbar-face-color: #ffffff; scrollbar-highlight-color: #330066; scrollbar-shadow-color: #330066; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: orange; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } </style>
- ベストアンサー
- HTML
- ココログのスクロールバー
「ココログ」を使っています。 カスタム編集にした時、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> -----------------------------------------------
- 締切済み
- ブログ
お礼
はい、初歩的なミスをしていたようです: 解決いたしました!有難うございました^^