TRY:
<input type="button" value="changeTheScrollBarColor" onclick="cbc();"><br>
<textarea style="width:250px;height:1000px;"></textarea>
<script language="javascript">
function cbc(){
document.body.style.scrollbarFaceColor='#CFDFF2';
document.body.style.scrollbarShadowColor='#B3B3B3';
document.body.style.scrollbarHighlightColor='#FFFFFF';
document.body.style.scrollbar3dlightColor='#FFFFF';
document.body.style.scrollbarDarkshadowColor='#FFFFFF';
document.body.style.scrollbarTrackColor='#DDDDDD';
document.body.style.scrollbarArrowColor='#8B9EA6';
}
</script>
<input type="button" value="changeTheScrollBarColor" onclick="cbc();"><br>
<textarea style="width:250px;height:1000px;"></textarea>
<script language="javascript">
function cbc(){
document.body.style.scrollbarFaceColor='#CFDFF2';
document.body.style.scrollbarShadowColor='#B3B3B3';
document.body.style.scrollbarHighlightColor='#FFFFFF';
document.body.style.scrollbar3dlightColor='#FFFFF';
document.body.style.scrollbarDarkshadowColor='#FFFFFF';
document.body.style.scrollbarTrackColor='#DDDDDD';
document.body.style.scrollbarArrowColor='#8B9EA6';
}
</script>
scrollbar-face-color: #f6f6f6;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#cccccc;
scrollbar-3dlight-color:#cccccc;
scrollbar-arrow-color:#330000;
scrollbar-track-color:#f6f6f6;
scrollbar-darkshadow-color:#ffffff;
}