how to set color properties of a vertical scroll bar in a text box

[vinceg]

I want to display text in a page, but not alter the vertical size of the page
as the text grows, so I am using a scrolling text box with a fixed height. I
can get everything working fine, but the blue/white "chrome" scroll bar looks
awful on the otherwise subdued page. How can I set the properties of the
scroll bar to have it use a different set of colors?

Thanks,

 

[Steve Easton]

Using CSS. Place the following in the head section of the page. Change colors as needed:

<style type="text/CSS">
<!--
body {
scrollbar-face-color: "blue";
scrollbar-shadow-color: "red";
scrollbar-highlight-color: "red";
scrollbar-3dlight-color: "blue";
scrollbar-darkshadow-color: "red";
scrollbar-track-color: "red";
scrollbar-arrow-color: "black";
}
//-->
</style>


Note however, it only works in IE, and therefore is not valid CSS.


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed..................
...............................with a computer

 

[Kathleen Anderson [MVP - FrontPage]]

Also, if you use a valid DOCTYPE declaration, you will not get colored
scroll bars in the browser window unless you declare the style for the html
tag, not the body tag.

--

~ Kathleen Anderson
Microsoft MVP - FrontPage
Spider Web Woman Designs
web: http://www.spiderwebwoman.com/resources/
FrontPage Support: http://www.frontpagemvps.com/

 

[vinceg]

To Kathleen & Steve,

Thank you both for such quick respones. After I posted the question, I found
a few tags for the scroll bar (Scrollbar-face-color, -arrow-color, and
-darkshadow-color) and stuck them inline with the other scroll bar tags and
it worked (at least in IE). I don't have another browser to test it in, but I
suspect the additional tags will be ignored by other browsers if they don't
recognize them. The page is http://www.truebalancedance.com/WeddingDance4.htm.
Thank you both again for the info.