how should i set scrollbar properties in css

Question

BODY
{
    SCROLLBAR-FACE-COLOR: #e9e9e9;
    SCROLLBAR-HIGHLIGHT-COLOR: #1679aa;
    SCROLLBAR-SHADOW-COLOR: #1679aa;
    SCROLLBAR-DLIGHT-COLOR: #cccccc;
    SCROLLBAR-ARROW-COLOR: #1679aa;
    SCROLLBAR-TRACK-COLOR: #dee3e7;
    SCROLLBAR-DARKSHADOW-COLOR: #03276e;
}

i tried to run a web application in visual studio 2008... the above css file creates err. 'SCROLLBAR-FACE-COLOR not a know css property name' i got thte err for all the scroll bar properties above... how should i proceed.. thanks i advance

Answer 1

IMO, you shouldn't ever modify the scrollbar styles as it's intrusive and no one else really does it.

Your OS should be rendering it. In addition, it's non-standard and some browsers might not even support it.

Answer 2

Don't do it. There's no point to doing this since:

• Scrollbars are browser UI elements and you shouldn't screw with their styles as that might confuse users
• Only IE and Opera support it and even then my guess is that newer versions are going to drop support for this as well

Answer 3

Scrollbar is not a valid CSS property. You should delete those declarations from your CSS file. Other thing is that not every browsers can interpret it. As I know only Internet Explorer and Opera can.

So just delete them :)