Jump to content

CSS: Change Scrollbar Color

- - - - -

This topic has been archived. This means that you cannot reply to this topic.
1 reply to this topic

#1
Void

Void

    Programming Expert

  • Members
  • PipPipPipPipPipPip
  • 411 posts
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:

[HIGHLIGHT="CSS"]<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>
[/HIGHLIGHT]

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

#2
v0id

v0id

    Retired

  • Members
  • PipPipPipPipPipPipPipPipPip
  • 2,936 posts
It only works in Internet Explorer, and not in other browsers (thanks god it doesn't!)