scroll bar settings / properties

T

Tamara Powers

How to change the colors on scroll bar that shows up on the website after
you publish it?
 
S

Steve Easton

It is done with CSS, either by using an external style sheet, or by placing the style data in the
head section of the page.

Here's an example of placing it in the head section:


<style type="text/css>
body{
scrollbar-arrow-color: rgb(0,0,255);
scrollbar-base-color: rgb(0,128,128);
scrollbar-track-color: rgb(211,253,254);
scrollbar-darkshadow-color: rgb(0,128,128);
scrollbar-face-color: rgb(211,253,254);
}
</style>

You can use common color names, rgb values as above or hex values #D3FDFE to define the colors.

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

Murray

Note that if you have a valid doctype on your page, e.g.,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

this CSS will fail. In that event, you should change it to the following -

<style type="text/css>
html{
scrollbar-arrow-color: rgb(0,0,255);
scrollbar-base-color: rgb(0,128,128);
scrollbar-track-color: rgb(211,253,254);
scrollbar-darkshadow-color: rgb(0,128,128);
scrollbar-face-color: rgb(211,253,254);
}
</style>
 
Top