- ベストアンサー
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サービス）
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
「face-color」 ・スクロールバーの表面の色を指定する 「highlight-color」 ・スクロールバーのハイライトの色を指定する 私はURL参考にしてます。です。
その他の回答 (1)
- shunzis
- ベストアンサー率30% (3/10)
ここ↓に色々と書いてありますよ♪
お礼
ご回答ありがとうございます。 お礼が遅くなり、すいません。 URL参考にさせていただきました。
関連するQ&A
- スタイルシートのスクロールバー
現在ＨＰを作成しています。 スタイルシートでスクロールバーの色を変更させたいのですが、出来ません。 何処かおかしいでしょうか？ 宜しくお願いします。 <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>
- ベストアンサー
- その他([技術者向] コンピューター)
- スクロールバーの色を変更
サイトのＴＯＰでスクロールバーの色の変更をして、それは出来たのですが… ＴＯＰに更新履歴を表示するテキストエリアボックスのスクロールバーまで色が変わってしまいます。 ここに関しては通常の青いスクロールバーにしたいのですが、どうすればいいのか分かりません…。 スクロールバーの色の変更は<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
- ココログのスクロールバー
「ココログ」を使っています。 カスタム編集にした時、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-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
- 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サービス）
- スクロールバーのスタイルシートについて。
スクロールバーの色を変えるスタイルシートで質問です。 下記スタイルシートを使うとそれが出来るのですが、たとえば ＨＰをフレームで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
- 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
- スクロールバーの色
スクロールバーの色の変更で、ソースは以下なのですが、 <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は、マウスを置いて動かす部分の色のようですが・・・。他はどうなんでしょう？色が混ざってしまうのですか。 また、このソースを１ページずつ<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: "ＭＳ ゴシック", "Osaka－等幅"; color: #660033; background-image: url(IMAGES/××.gif); }--> </STYLE> </head>
- ベストアンサー
- HTML
- 横スクロールバーを表示したい
スクロールバーの色を変更するために下記のタグを埋め込んだ所、 今まで表示されていた横スクロールバーが消えてしまいました。 横スクロールさせないと見えない部分があるので、ぜひ表示させたいです。 どうか教えてください！ Ｗｉｎ９８ｓｅ・ＩＥ６ ＨＰビルダーでどこでも配置モードを利用しています。 <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
お礼
ご回答ありがとうございます。 お礼が遅くなってすいません。 URLも参考にさせていただきます。