- ベストアンサー
スタイルシートでスクロールバーの色を変更する方法
- スタイルシートを使用して、ウェブページのスクロールバーの色を変更したい場合、適切なコードを記述する必要があります。
- 上記のスタイルシートのコードを使用すると、ウェブページのスクロールバーの色を変更することができます。
- 上記のコードでは、背景色やハイライト色など、さまざまな要素の色を変更することができます。
- hina_petit
- お礼率72% (42/58)
- その他([技術者向] コンピューター)
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
関連するQ&A
- スクロールバーのスタイルシートについて。
スクロールバーの色を変えるスタイルシートで質問です。 下記スタイルシートを使うとそれが出来るのですが、たとえば ＨＰをフレームで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
- 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>
- ベストアンサー
- その他（インターネット・Webサービス）
- ココログのスクロールバー
「ココログ」を使っています。 カスタム編集にした時、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> -----------------------------------------------
- 締切済み
- ブログ
- スクロールバーの色を変更
サイトのＴＯＰでスクロールバーの色の変更をして、それは出来たのですが… ＴＯＰに更新履歴を表示するテキストエリアボックスのスクロールバーまで色が変わってしまいます。 ここに関しては通常の青いスクロールバーにしたいのですが、どうすればいいのか分かりません…。 スクロールバーの色の変更は<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
- 外部スタイルシートでのスクロールバー
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; } ------------------------------------------------- わかる方がいらっしゃいましたら、お願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- インラインフレーム内のスクロールバーの色変更について
インラインフレーム内のスクロールバーの色を白に変更したいのですがインラインフレームを置いている親ページのスクロールバーの色が変わってしまいます インライフレーム内の元ページのスクロールバーの色も変更していますが出来ません インラインフレーム内のページタグ <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> ネットでも検索してみましたが検索の仕方がわるいのかうまく出来ません アドバイスお願いします
- ベストアンサー
- 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サービス）
- 横スクロールバーを表示したい
スクロールバーの色を変更するために下記のタグを埋め込んだ所、 今まで表示されていた横スクロールバーが消えてしまいました。 横スクロールさせないと見えない部分があるので、ぜひ表示させたいです。 どうか教えてください！ Ｗｉｎ９８ｓｅ・ＩＥ６ ＨＰビルダーでどこでも配置モードを利用しています。 <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
- スタイルシートを一括で・・・。
<STYLE type="text/css"> <!-- body{ scrollbar-base-color:#000000; scrollbar-arrow-color:#ff0000; scrollbar-darkshadow-color:#00ffff; scrollbar-face-color:#00ffff; scrollbar-highlight-color:#00ffff; scrollbar-shadow-color:#666666; } --> </STYLE> このスタイルシートをすべてのページに入れる方法ってありませんか。 色の変更も１つだけの変更ですべて変更される方法があれば教えてください。
- ベストアンサー
- CSS
- HPのスクロールバーについて。
HPで、スクロールバーの色の指定をしています。 以下のものを、<HEAD>と</HEAD>の間にに入れています。 <STYLE TYPE="text/css"> BODY { scrollbar-3dlight-color:●; scrollbar-arrow-color:●; scrollbar-base-color:●; scrollbar-darkshadow-color:●; scrollbar-face-color:●; scrollbar-highlight-color:#00aaff; scrollbar-shadow-color:●; } </STYLE> ●部分は色の名前です。「#00aaff」の部分は、ここだけredなどの色の名前でなく、この形式でした(コピペで編集しました)。入れるときは、redなどの色の名前に変えています。 あるページでは、これを入れても、何の問題もなく表示されます。スクロールバーの色も指定したものになります。 しかし、時々ページが変に表示されることがあります。 文章が、意味不明の記号、アルファベットの羅列になります。スクロールバーの色も指定したものではなく、一般的なもの(?)のままです。 どうしたらよいでしょうか。 ご存知でしたら、教えてください。
- ベストアンサー
- その他（インターネット・Webサービス）
- MFC-6997CDWの初期化できませんE9エラーにより、faxの受信ができない問題が発生しています。
- Windows10を使用し、無線LANで接続しています。
- 関連するソフト・アプリは特にありません。また、電話回線の種類は不明です。
お礼
DOCTYPEの指定が間違っていたようです。指定を変えると上手く行きました。 ありがとうございました。 ここだけで、２日も悩んでいたので助かりました。