• ベストアンサー

外部cssについて

外部cssからスクロールバーの色を変えたくて色々な参照サイトを見てはコピペするなどして試したのですが、どうも上手くいきません。 拡張子も.cssになってます。 cssの呼び出しURLもトップページに正確に記述しています。 下記参照サイトの例です。 body { scrollbar-base-color:#;****** scrollbar-arrow-color:#******; } 他にも違ったタグで紹介してるサイトがありましたが一番簡単そうだったので決めたのですが、上手くスクロールバーの色を変えるにはどうすればいいでしょうか? 詳しい方教えてください。

  • CSS
  • 回答数1
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

ユーザーインターフェースの変更 ・これはあくまでIE独自の実装です。約半数を占める他のブラウザには無効です。 ・標準モードと互換モードでは対応させる要素が異なります。  bodyは、標準モードです。  DOCTYPEを標準モードで起動するよう指定してください。  →DOCTYPEスイッチ - Google 検索 ( https://www.google.co.jp/search?q=DOCTYPE%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja:official&hl=ja&client=firefox-a )  その際に、HTML自体も、そのDOCTYPEで記述して、Vaidatorでチェックすること  →The W3C Markup Validation Service ( http://validator.w3.org/#validate_by_input )  →Another HTML-lint gateway ( http://cetus.sakura.ne.jp/htmllint/htmllint.html )  もしくは、firefoxのHtml Validator ( https://addons.mozilla.jp/firefox/details/249 ) ★なお、ポインターの形状、スクロールバーの色や形状などは、変更するべきではありません。ウェブ製作でもっとも重視すべきであるユーザービリティが悪くなります。訪問者を混乱させないために奇をてらうことがないように・・・  そんなもので利用者が減ることはあっても増えることはありません。利用は最小限にとどめましょう。たとえばtextareaやoverfolw:autであるdivだけとか・・

関連するQ&A

  • CSSによるスクロールバーの色の反映がされない

    CSSによるスクロールバーの色の反映がされないのですが、原因がよく分かりません。 環境 windows2000SP4 IE6.0.2 ソース html,body{ background-color:#FFFFFF; font-size:14px; margin:0px; scrollbar-3dlight-color : #FFFFFF; scrollbar-arrow-color : #336666; scrollbar-base-color : #FFFFFF; scrollbar-darkshadow-color : #FFFFFF; scrollbar-highlight-color : #CCCCCC; scrollbar-shadow-color : #CCCCCC; scrollbar-track-color : #FFFFFF; } 外部CSSを読み込む感じなのですが、他のCSSは反映されているので、外部CSSへのリンクが違うということはないです。 また、おそらくスクロールバーの色を変更しているサイトのスクロールバーを見てもデフォルトの灰色です。 また、IEのインターネットオプションのユーザー設定には何もチェックはいれていません。 何かあやしい点があれば、教えて下さい。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • exciteブログのスクロールバーについて

    exciteブログのCSSで元からあった BODY { BACKGROUND : #000000; MARGIN : 30;PADDING : 0; } という部分に BODY { BACKGROUND : #000000; MARGIN : 30;PADDING : 0; scrollbar-base-color:#000000; scrollbar-arrow-color:blue; scrollbar-track-color:#202020;} というスクロールバーに関するCSSの内容を追加しましたが上手く変化してくれません スクロールバーはbodyタグで指定してやればいいとあったのでその通りにしたのですが… ちなみにこの追加した分は他のページ(HTML)で使っているCSSをコピペしてきたもので、ブログ以外のところでは思い通りに変化してくれてます 分かる人はぜひご教授くださいm(_ _)m

  • 外部スタイルシートでのスクロールバー

    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
  • 外部CSSをかくには。

    HPのページひとつひとつにいちいちスタイルシートをかいていくのが 面倒になったので外部CSSでまとめてしまおうと 思ったのですが、上手くいきません。 ちなみにこうかいております↓ <STYLE TYPE="text/css"> <!-- BODY {  letter-spacing:7px;  line-height:15pt; } --> </STYLE> <style type="text/css"> <!-- body { scrollbar-face-color: #FF9900; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #ff9900; scrollbar-darkshadow-color: #ffffff; } --> </STYLE> <STYLE TYPE="text/css"><!--A{text-decoration:none;}A:hover{text-decoration:underline overline;}--></STYLE> <style type=text/css><!--a{text-decoration:none;}--></style> <style><!--BODY{font-size:8pt;}--></STYLE> どこか悪い点がありましたら教えてください。

    • ベストアンサー
    • HTML
  • スクロールバーの色を変更

    サイトの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>

  • 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などの色の名前に変えています。 あるページでは、これを入れても、何の問題もなく表示されます。スクロールバーの色も指定したものになります。 しかし、時々ページが変に表示されることがあります。 文章が、意味不明の記号、アルファベットの羅列になります。スクロールバーの色も指定したものではなく、一般的なもの(?)のままです。 どうしたらよいでしょうか。 ご存知でしたら、教えてください。

  • 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
  • カテゴリにスクロールバーを設置

    以下のタグに何をプラスすれば スクロールバーは表示されませすか??? また参考になるホームページがあれば紹介して下さい。 <Style Type="text/css"> <!-- Body{ scrollbar-arrow-color:#ff99ff; scrollbar-base-color:#ffccff; scrollbar-darkshadow-color:#800000; scrollbar-highlight-color:#ffe8f3; scrollbar-shadow-color:#ff99ff; scrollbar-track-color:#ffccff; }--> </STYLE> 宜しくお願いします。

  • ココログのスクロールバー

    「ココログ」を使っています。 カスタム編集にした時、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> -----------------------------------------------

専門家に質問してみよう