Scroll color Options

[mysticalazxn]

CODE

<style type="text/css">
.body2 {
background-color:transparent;
padding:3px;
padding-left:8px;
padding-right:8px;
scrollbar-3dlight-color:f7f6ef;
scrollbar-arrow-color:f7f6ef;
scrollbar-base-color:f7f6ef;
scrollbar-darkshadow-color:f7f6ef;
scrollbar-face-color:c0bea8;
scrollbar-highlight-color:f7f6ef;
scrollbar-shadow-color:f7f6ef;
}
</style>

Is this code right? for div .body2 but it does not work.
How do I change the scroll color of each individual div? Is there away or all scroller in 1 page have to be the same.

[*karmakiller*]

The way you have your div set up is to control just that specific div, so if you add a height and width to that your div code would be:

<div id="body2">CONTENT OF DIV</div>

If you want to change the scrollbars in general, change your code to this:

CODE

<style type="text/css">
.body2 {
background-color:transparent;
scrollbar-3dlight-color:f7f6ef;
scrollbar-arrow-color:f7f6ef;
scrollbar-base-color:f7f6ef;
scrollbar-darkshadow-color:f7f6ef;
scrollbar-face-color:c0bea8;
scrollbar-highlight-color:f7f6ef;
scrollbar-shadow-color:f7f6ef;
}
</style>