-1

In a div I gave overflow auto to have a scroll bar to display the content that exceeds the limit My scroll bar appears in blue color that doesn't suit my layout how can i change the color 

div#navigation{background:#efe9b9; overflow:auto}

This is the css i am using ... I want brown colored scrll bar How to get it

K. Norbert
  • 10,494
  • 5
  • 49
  • 48
udaya
  • 9,598
  • 15
  • 48
  • 67

2 Answers2

3

(except in IE)You can't change Scrollbars with CSS only, check out the JScrollPane for a Cross browser compatible scrollbar changer.

Kyle
  • 65,599
  • 28
  • 144
  • 152
  • Actually, you can, but only in IE. – deceze Jun 02 '10 at 09:27
  • Oh yes. I forgot about IE, conveniently. – Kyle Jun 02 '10 at 09:27
  • @deceze: [webkit supports scrollbar styling](http://trac.webkit.org/export/41842/trunk/LayoutTests/scrollbars/overflow-scrollbar-combinations.html) (view in Chrome/Safari), too, although in a much better manner than IE. – Andy E Jun 02 '10 at 09:29
  • 2
    @Andy's Oh, cute. Now I can detest two browsers for messing with standard UI elements. ;) – deceze Jun 02 '10 at 09:31
  • It is cross browser compatible, so yes, it will work. @Andy E's Head: I didn't know that. – Kyle Jun 02 '10 at 09:31
  • @Kyle whats the solution – udaya Jun 02 '10 at 09:33
  • 2
    @udaya: Did you look at the link I gave you? That's a jQuery plugin to enable you to change the appearance of scrollbars in a cross brwoser compatible way.. – Kyle Jun 02 '10 at 09:46
1

You can in IE, but I think it's been deprecated (or removed in IE8).

You can also do it in Safari.

Be warned that it will affect usability negatively.

alex
  • 479,566
  • 201
  • 878
  • 984