Mega simpel CSS

Jeg vil have en anden scroll på min <textarea istedet for den som er på body.

Min body;
<style>
body {
BACKGROUND: eeeeee;

    scrollbar-3dlight-color:Eeeeee;
    scrollbar-arrow-color: Eeeeee;
    scrollbar-darkshadow-color: Eeeeee;
    scrollbar-face-color: Eeeeee;
    scrollbar-highlight-color: Eeeeee;
    scrollbar-shadow-color: Eeeeee;
    scrollbar-track-color: Eeeeee;
    </style>


Jeg har prøvet med:

<style>
    scroll {

    scrollbar-3dlight-color:D47F37;
    scrollbar-arrow-color: BLACK;
    scrollbar-darkshadow-color: D47F37;
    scrollbar-face-color: D47F37;
    scrollbar-highlight-color: D47F37;
    scrollbar-shadow-color: D47F37;
    scrollbar-track-color: D47F37;
    </style>

også på textareane:

<textarea name="fritekst" class="scroll" rows="7" cols="17" style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 9px; BORDER-LEFT: black 1px solid; COLOR: rgb(119,64,18); TEXT-INDENT: 0px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: rgb(212,127,55)"><?php echo "$row[fritekst]"; ?></textarea>