<html>
<head>
<title>改变滚动条颜色</title>
<script language="JavaScript">
<!--
function changeScrollColor(color) {
txta.style.scrollbarFaceColor = color;
txta.style.backgroundColor = color;
document.body.style.scrollbarFaceColor = color;
document.body.style.backgroundColor = color;
}

//-->
</script>

<style type="text/css">
<!--
* {
scrollbar-face-color : tomato;
}
-->
</style>
</head>

<body>

<textarea id="txta" rows="5" cols="30">

</textarea>
<form>
<input type="button" value="红色" name="red" onclick="changeScrollColor('tomato');">
<input type="button" value="蓝色" name="blue" onclick="changeScrollColor('aqua');">
<input type="button" value="绿色" name="green" onclick="changeScrollColor('springgreen');">

</form>
</body>
</html>