• ベストアンサー

スクロールバーに色を付けたい

こんにちは、Web初心者です宜しく御願いします スタイルシートでスクロールバーに色を付けたいのですがどの様に書けばよいですか。 宜しく御願いします。

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

  • ベストアンサー
  • n31792
  • ベストアンサー率31% (5/16)
回答No.2

そういうのはGoogleででも調べればいくらでもでてきます。 『CSS スクロールバー』これだけでも十分です。 また、gooでも過去にそのような質問が出されています。 最初に検索してから質問する癖をつけられたほうがよいのでは? とりあえず http://www.tagindex.com/stylesheet/page/scrollbar_color.html を参考にされてください。

参考URL:
http://www.tagindex.com/stylesheet/page/scrollbar_color.html

その他の回答 (2)

  • Oh-Orange
  • ベストアンサー率63% (854/1345)
回答No.3

★私は普段次のサイトを利用しています。 ・http://www.htmq.com/index.htm→『HTMLクイックリファレンス』  スクロールバーは  http://www.htmq.com/style/scrollbar-3dlight-color.shtml→『スクロールバーの左端と上端の色を指定する』  他にも  scrollbar-3dlight-color・・・スクロールバーの左端と上端の色を指定する  scrollbar-arrow-color・・・・・・スクロールバーの矢印の色を指定する  scrollbar-base-color・・・・・・・スクロールバーのベース色を指定する  scrollbar-darkshadow-color・・スクロールバーの右端と下端の色を指定する  scrollbar-face-color・・・・・・・・スクロールバーの表面の色を指定する  scrollbar-highlight-color・・・スクロールバーのハイライトの色を指定する  scrollbar-shadow-color・・・・・スクロールバーの影の色を指定する  があります。 >これを縦、横の色を帰ることは出来るのでしょうか。  ↑  多分出来ないと思います。  試した事ないし、そんなサイトは見かけないので無理な気がしますよ。  縦方向、横方向も同じカラーになると思います。 ・以上。参考に。→詳しい解説は回答者 No.2 さんの画像をどうぞ。

参考URL:
http://www.htmq.com/style/scrollbar-3dlight-color.shtml
noname#56851
noname#56851
回答No.1

スタイルシートのここに body { scrollbar-base-color: #97003d; } この様に書いて下さい。 もっと細かく指定する事もできますが、色彩センスが問われてしまうので私はこれだけでやっています。

htgo
質問者

お礼

yokohamamさん、早速のレス有り難う御座います。 いま、スクロールを横(ボトム)と縦(ライト)に付けていますが、 これを縦、横の色を帰ることは出来るのでしょうか。 宜しく御願いします。

関連するQ&A

専門家に質問してみよう