Textarea box properties

T

Tom Petersen

Is it possible to change the scroll bar color? I can change the border and
backgroud color of the text area, but the scroll bar on the right side of
the box, and the up/down buttons stay the regular grey color and I can't
seem to figure out if they can be changed.

TIA!
Tom
 
S

Steve Easton

It is done with css / styles.
ad this to your style tags or style sheet, whichever you are using,
and play with the colors. I assigned red to some of them
so they would have a color.
You can use any color identifier, including hex identifiers
from a color picker.

<style type=text/css" >
BODY {
scrollbar-3dlight-color:red;
scrollbar-arrow-color:gold;
scrollbar-base-color:red;
scrollbar-track-color:#F0F0E0;
scrollbar-darkshadow-color:red;
scrollbar-face-color:teal
}
</style>

hth
 
J

Jim Buyens

-----Original Message-----
Is it possible to change the scroll bar color? I can
change the border and backgroud color of the text area,
but the scroll bar on the right side of the box, and the
up/down buttons stay the regular grey color and I can't
seem to figure out if they can be changed.
Click to expand...

Try adding this stylesheet rule to your <head> section.

<style>
textarea {scrollbar-track-color:#ff0000;
scrollbar-face-color:#00ff00;
scrollbar-shadow-color: #0000ff;
scrollbar-highlight-color:#00ffff;
scrollbar-3dlight-color: #ff00ff;
scrollbar-darkshadow-color: #ffff00;
scrollbar-arrow-color:#9900cc; }
</style>

However:

o This only work on PC versions of Internet Explorer.
o Visitors tend to miss the "odd-colored" scroll bars.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
||---------------------------------------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------
 
K

Kathleen Anderson [MVP - FrontPage]

N.B. If your page contains a valid DOCTYPE declaration, you won't get
colored scroll bars unless you declare the style for the html tag (not the
body tag).

--

~ Kathleen Anderson
Microsoft FrontPage MVP
Spider Web Woman Designs
http://www.spiderwebwoman.com/resources/
 
S

Steve Easton

Yep, sorry.
Caught / thought of that after I had already
clicked send.
Figured Jims' answer covered my goof up.
;-)
 
T

Tom Petersen

Thanks everyone, Jim's did exactly what I'm looking for. It's for our
intranet and I'm mostly just experimenting anyway...
 

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

Scroll Bar on right hand side - color change 3
Shading a <TEXTAREA> Box 2
Scroll bar - change color 4
Text box scrollbars in Firefox 2
Changing the browser scroll bar 12
shared borders/interactive buttons 1
Border color of Combobox won't stick. 1
how do i make an auto-scrolling text box in frontpage? 1

Top