# Scrollbar style

**URL:** <https://forum.kirupa.com/t/scrollbar-style/248857>\
**Category:** Uncategorized\
**Created:** [January 12, 2008, 10:26am UTC](https://forum.kirupa.com/t/scrollbar-style/248857 "2008-01-12T10:26:21Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![zero\_one1](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/zero_one1/32/948_2.png) [@zero\_one1](https://forum.kirupa.com/u/zero_one1)\
**Post date:** [January 12, 2008, 10:26am UTC](https://forum.kirupa.com/t/scrollbar-style/248857/1 "2008-01-12T10:26:21Z")

</div>

I’m creating customised scrollbar styles on a scrollable div using overflow-y:scroll property in CSS:

[CSS]scrollbar-3dlight-color: #cccccc;  
scrollbar-darkshadow-color: #cccccc;  
scrollbar-face-color: #ffffff;  
scrollbar-highlight-color: #FFFFFF;  
scrollbar-shadow-color: #ffffff;  
scrollbar-track-color: #ffffff;  
scrollbar-arrow-color: #666666;  
scrollbar-base-color:#ffffff; [/CSS]

The problem is when the div does not need the scrollbars, the scrollbars turn into an “off” state in Internet Explorer… the above code seems to take over the default off state (or at least it is white and not seen) apart for a grey box around the arrow buttons.

Is there any other property which I’m not overwriting above?  
I’m attaching a screen shot…

Thanks,

Matt