Customize Your Textarea Boxes

Customize your TEXTAREA boxes.

A regular TEXTAREA box looks something like this:
STANDARD TEXTAREA BOX: ====================== Functional, but slightly dull. Find the code below to spice things up a bit!

Your TEXTAREA box can be changed to this:

ENHANCED TEXTAREA BOX: ====================== PART 1: Add the folowing code between the HEAD tags of your web page: <STYLE> TEXTAREA.sample { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; COLOR: #8187da; BACKGROUND-COLOR: #000000; SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #777777; SCROLLBAR-SHADOW-COLOR: #777777; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #ff0000; SCROLLBAR-TRACK-COLOR: #333333; SCROLLBAR-DARKSHADOW-COLOR: #000000 } </STYLE> PART 2: Add a class attribute to your TEXTAREA tag. For example: <textarea class=sample rows="12" cols="74" name="Code"> Sample TEXTAREA type! </textarea>

(Note that this little trick may not work in Netscape Navigator, or older versions of Internet Explorer.)