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

トップ ＞＞ 応用編インデックス

ブラウザの右側、あるいは下側に表示されるスクロールバーの色を自分の好みで変更する方法です。

スクロールバーの色を変える設定をするには、スタイルシートを使います。

まず、「HTMLソース」タブをクリックします。

HTMLソースの中で ヘッダー部分の最下部 （</head>の直前）に以下のようなスタイルシートの記述をします。

<style type="text/css">
html {
scrollbar-base-color: #ffffff;
}
</style>

画面で見ると、このような感じになります。
プレビューで確認して、ちゃんとできていれば、ファイルを保存して完了です。

『#ffffff』の部分は、ご自分の好みで自由に設定してください。『#ffffff』は白色の設定になります。

現在ご覧になっているこのページでは、『#000099』になっています。

※この効果は、FireFoxでは正しく表示されません。