スクロールバー

スタイルシートを使ってスクロールバーの色を変更できます。
テキスト領域のスクロールバーがそのままサンプルになっています。
ブラウザによっては、スクロールバーのサンプルが見れません。

スクロールバーの色の変更

「scrollbar-base-color」で、スクロールバーの基本となる色が指定できます。
細かく指定する場合には、


scrollbar-track-color
scrollbar-3dlight-color
scrollbar-darkshadow-color

scrollbar-arrow-color
scrollbar-face-color

scrollbar-highlight-color
scrollbar-shadow-color

赤色の部分がそのプロパティを指定することでスクロールバーが変わる部分です。
これらのプロパティを指定することで、細かい部分の指定ができます。
色のコードは、カラーチャートを参考にしてください。

スクロールバーの適用方法

ページ全体に適用する場合

<head>〜</head>の間に下のように記述してください。

<style type="text/css">
<!--
body{☆}
-->
</style>

body要素に対して、スクロールバーの色が変更できます。
特定の要素に指定する場合、セレクタを変えてください。
☆の部分に使いたいスクロールバーのソースをコピーしてください。

特定のタグに指定する

使いたいタグに下のように記述してください。
<body style="☆">
☆の部分に使いたいスクロールバーのソースをコピーしてください。
body以外の要素にも指定できます。

詳しくは、スタイルシートの使い方を見てもらうと分かると思います。