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

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】スクロールバーの影の色を指定します

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

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