ssid-logo
Site map | Search | Link Up
Home     SSI Lab     CSS Templates     CSS     Htaccess     Web Design     XHTML

CSS Tutorials

graphic-img   
Navigate

SSI-D HOME

SSI LAB

CSS Templates

CSS

Introduction

IE Related

General

.Htaccess

Web Design

(X)HTML

HTML-Kit

Resources


Sponsors


Scrollbar Colors

Bookmark with StumbleUpon
del.icio.us
Digg it
reddit
Furl
Spurl
ma.gnolia
Yahoo MyWeb
Windows Live
Sponsors

How to change the default scrollbar colours.

This short guide demonstrates how to change the default scrollbar colours in Internet Explorer.

Tested in IE6 Icon



CSS Syntax

To change the scrollbar colors place the following into the <head> of your document.

<style type="text/css">
<!--
body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #808080;
scrollbar-darkshadow-color: #000000;
}
-->
</style>

The above code is used in this page. Note:: It may not work if you have specified an XHTML Doctype!!

To include it in an external style sheet simply remove the <style> tags.



Explanation.

The best way to explain the code above is with a diagram:

image of Scrollbar colours for IE



Add on: Use it wisely, no loud colours please!
Copyright © 2007-2025 SSI-Developer.net. Some rights reserved.
This work is licensed under a Creative Commons License.