スクロールバーの色を変える方法

CSSを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {
	scrollbar-3dlight-color    : #ffcccc;
	scrollbar-arrow-color      : #ff0000;
	scrollbar-darkshadow-color : #ff0000;
	scrollbar-track-color      : #cccccc;
	scrollbar-face-color       : #ffcccc;
	scrollbar-highlight-color  : #ffcccc;
	scrollbar-shadow-color     : #ffcccc;
}
-->
</style>
</head>
<body>

</body>
</html>

解説

scrollbar-3dlight-colorスクロールバーの縁取りの左端と上端の色を指定します
scrollbar-arrow-colorスクロールバーの矢印の色を指定します
scrollbar-darkshadow-colorスクロールバーの右端と下端の色を指定します
【scrollbar-track-color】スクロールバーの背面色を指定します
scrollbar-face-colorスクロールバーの表面色を指定
scrollbar-highlight-colorスクロールバーのハイライト色を指定します
scrollbar-shadow-colorスクロールバーの影の色を指定します

をそれぞれボディに対して指定します。

実際に目で見て確認したい方はこちらを参照ください。