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>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Frame control scroll bar 0
Scroll Bar on right hand side - color change 3
PowerPoint Embed scroll excel chart and data in powerpoint 0
Scroll bar - change color 4
Unremovable horizontal scroll bar on subform 1
LOST scroll bar on my web page 11
Colors 1
Vertical Scroll issue with Excel 2013 1

Back
Top