scroll bar settings / properties

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

How to change the colors on scroll bar that shows up on the website after
you publish it?
 
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
 
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>
 
Back
Top