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.
This is just
one small example of how you can use CSS (Cascading Style Sheets) Style Tags
within your web page. For additional information on CSS, visit the
CSS Tutorial
section.
More Web Design
Tips |
