Scrollbar i textarea

Hvis i laver det, så smid det ind i denne kode, så det virker.

<textarea name="tekst"style="height: 100px; width: 200px; font-size: 9; font-family: verdana; border: 1px Solid Black; background-color: EEEEEE;"></textarea>

Du burde kunne hente den ind som class (lad os kalde den ScrollWhite:

ScrollWhite {
scrollbar-3dlight-color: FFFFFF;
scrollbar-arrow-color: black; 
scrollbar-base-color: #FFFFFF; 
scrollbar-darkshadow-color: #BED02A; 
scrollbar-face-color: #BED02A; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-shadow-color: black; 
scrollbar-track-color: #BED02A;

}

og så:
<textarea class="ScrollWhite" name="tekst"style="height: 100px; width: 200px; font-size: 9; font-family: verdana; border: 1px Solid Black; background-color: EEEEEE;"></textarea>

Virker ikke..

Der mangler lige et .
Her er den hele:

<style type="text/css">
<!--
body {
scrollbar-3dlight-color: black;
scrollbar-arrow-color: black; 
scrollbar-base-color: #BED02A; 
scrollbar-darkshadow-color: #BED02A; 
scrollbar-face-color: #BED02A; 
scrollbar-highlight-color: #BED02A; 
scrollbar-shadow-color: black; 
scrollbar-track-color: #BED02A;

}

.ScrollWhite {
scrollbar-3dlight-color: FFFFFF;
scrollbar-arrow-color: black; 
scrollbar-base-color: #FFFFFF; 
scrollbar-darkshadow-color: #BED02A; 
scrollbar-face-color: #BED02A; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-shadow-color: black; 
scrollbar-track-color: #BED02A;

}
-->
</style>

-- og så er det en fejl i de fleste browsere (og i css-standarden !-) at undlade nummer-tegnet i farvekoder:

.ScrollWhite {
scrollbar-3dlight-color: #fff;
scrollbar-arrow-color: black;
scrollbar-base-color: #fff;
scrollbar-darkshadow-color: #bed02a;
scrollbar-face-color: #bed02a;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: black;
scrollbar-track-color: #bed02a;
}

Tak