Using CSS to Customize Your HTML Web Page Form Scroll Bar Colors (IE)
If you would like to change the colors
of your web page's scrollbars, add the following code between your
<HEAD> and </HEAD> tags.
<STYLE
type="text/css">
<!--
body { scrollbar-face-color: #317B9C;
scrollbar-track-color: #87B4C9;
scrollbar-arrow-color: #54A1C4;
scrollbar-3dlight-color: #B8D7E6;
scrollbar-shadow-color: #1E6180;
scrollbar-highlight-color: #7CBCDA;
scrollbar-darkshadow-color: #1E6180}
//-->
</STYLE> |
Change the text
indicated in red to your preferred colors.
If you would like to change the colors of your form scrollbars, add the following
code to your TEXTAREA code. You can also change the text color on your "submit"
and "reset" buttons as well.
<FORM
METHOD=post ACTION="/cgi-bin/example.cgi">
<TEXTAREA wrap="virtual" name="comments" rows=6 cols=20
STYLE="scrollbar-face-color: #317B9C;
scrollbar-track-color: #87B4C9;
scrollbar-arrow-color: #54A1C4; scrollbar-3dlight-color:
#B8D7E6; scrollbar-shadow-color:
#1E6180; scrollbar-highlight-color: #7CBCDA;
scrollbar-darkshadow-color:
#1E6180">This example displays the scrollbars
in an alternative color. You can change these colors to whatever you'd like
simply be changing the hexidecimal color codes indicated in
red.</TEXTAREA>
<INPUT type="Submit" VALUE="Submit" STYLE="color:
#1E6180">
<INPUT type="Reset" VALUE="Reset" STYLE="color:
#1E6180">
</FORM> |
Browser View:
Keep in mind,
if you change the colors of your scrollbars, make sure your selected colors
match your website's color scheme.
More Web Design
Tips |
