TO MAKE THE SCROLL BAR TRANSPARENT

You can also make the scrollbar transparent, but it works only in Internet Explorer and not in Firefox. This is a little tricky, but here's how it is done. Note that the color that shows thru the transparent scrollbar is not the background color of the scrollable box, but instead the background color of whatever is BEHIND the scrollable box.

<div style="filter:chroma(color=CC9966);

scrollbar-face-color: #CC9966;

scrollbar-arrow-color: #CC9966;

scrollbar-track-color: #CC9966;

scrollbar-shadow-color: #000000;

scrollbar-highlight-color: #000000;

scrollbar-3dlight-color: #CC9966;

scrollbar-darkshadow-color: #CC9966; height: 200px; width: 200px; overflow: auto; border: 4px solid; border-color: #337aa9; background-color: #b1d0f0; padding: 4px; text-align:justify;">

images and text go here

</div>

The color you select will become transparent in EVERYTHING.
In other words, if you have any images on your page that contain the color you selected for the chroma, it will become transparent in the image, so I wouldn't recommend using white or black as your chroma color.
For my example, I used a kind of brownish orange shade.

Notice that in the above example, the shadow and highlight colors are set to black so the outline of the scrollbar will still show, letting the person viewing it understand that there is scrollable content there. You could use that same color for the shadow and highlight, but then people will not realize there is a scrollbar there at all.

If you don’t want your bar transparent use

the Color Code Chart to select your preferred color.

Click Here for PREMADE Scroll Boxes

©   HTML Tutorials & Codes   ©