Jump to content


Check out our Community Blogs

Register and join over 40,000 other developers!


Recent Status Updates

View All Updates

Photo
- - - - -

CSS: Change Scrollbar Color


  • Please log in to reply
1 reply to this topic

#1 Void

Void

    CC Devotee

  • Just Joined
  • PipPipPipPipPipPip
  • 403 posts

Posted 21 September 2007 - 03:53 PM

It is quite simple actually and doesn't take much code. I thought it would be JavaScript intensive but I forgot about the power of CSS. To change the color to anything that you want simply add this line to the head of your HTML file:

<style type="text/css">
body {
scrollbar-arrow-color: #EAEAEA;
scrollbar-base-color:#EAEAEA;
scrollbar-shadow-color: #EAEAEA;
scrollbar-highlight-color: #EAEAEA;
scrollbar-dark-shadow-color: #EAEAEA;
scrollbar-3d-light-color: #EAEAEA;
scrollbar-track-color: #EAEAEA;
scrollbar-face-color: #EAEAEA;
}
</style>


Add that to your page and reload! If you have any questions just ask.
  • 0
Void

#2 v0id

v0id

    Retired

  • Retired Mod
  • PipPipPipPipPipPipPipPip
  • 2313 posts

Posted 21 September 2007 - 10:43 PM

It only works in Internet Explorer, and not in other browsers (thanks god it doesn't!)
  • 0
If you enjoy reading this discussion and are thinking about commenting, why not click here to register and start participating in under a minute?




Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download