Hieronder staat de broncode voor een gekleurde scrolbar.

<STYLE type=text/css>
.SCROLLBAR-FACE-COLOR: #000000; FONT-SIZE: x-small; BACKGROUND: white; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; BORDER-LEFT: #000000 1px solid; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #FF0000; SCROLLBAR-ARROW-COLOR: #FF0000; SCROLLBAR-TRACK-COLOR: #ff0000; BORDER-BOTTOM:

#000000 1px solid; FONT-FAMILY: Verdana,Arial,Helvetica;

SCROLLBAR-DARKSHADOW-COLOR: #ffffff; TEXT-ALIGN: left}
select {FONT-FAMILY: Arial,Verdana,Helvetica; TEXT-ALIGN: left;

color:#000000; font-size:10px; background-color:#ffffff;}
TD {FONT-FAMILY: Verdana,Arial,Helvetica; FONT-SIZE: 10pt}
DIV {FONT-FAMILY: Verdana,Arial,Helvetica}
BODY {
 

 


scrollbar-3d-light-color: #d8ecea;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #FF0000;
scrollbar-dark-shadow-color: #FFFF00;
scrollbar-face-color: #d8ecea;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFF00;}

 



</STYLE>
 

Een eenvoudige stukje style

 

<STYLE type="text/css">
BODY {scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#000000;                           
scrollbar-track-color:000000#;
scrollbar-darkshadow-color:000000#;
scrollbar-face-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-shadow-color:#000000 }
</STYLE>