IE browsers allow you to customize the way your scrollbars appear. Just include
the following CSS style code in a custom header or code object:
<style type="text/css">
body {
scrollbar-base-color:#000000;
scrollbar-face-color:white;
scrollbar-arrow-color:black;
scrollbar-shadow-color:#FFFFFF;
scrollbar-track-color:#000000;
scrollbar-highlight-color:silver;
scrollbar-darkshadow-Color:steelblue;
}
</style>
The above code will be applied to a scrolling text object if one is on your
page. You can also apply the CSS code to scrollbars used with a form textarea
or i-frame by using the appropriate CSS selector.
You can use any or all of the attributes to obtain the effect you want. The
attributes are used as follows:
- base color: The color is applied to the scollbar outline and arrow boxes.
- track color: The color is used as the background track color.
- highlight color: The colors the top and left edges of the scrollbar.
- arrow color: This is the color of the clickable arrow.
- shadow-color: This is the color of the bottom and right side of the scroll area.
- darkshadow color: This is similar to the shadow-color, but shows up slightly more than shadow-color.
- face-color: This colors the remaining sections of the scrollbar.