View Full Version : Changing the color of Text Box Scroll Bars


fireproofjames
11-28-2006, 11:09 AM
Hi

I'm pretty new to this website mullarky, but how do you change the colour of the scrollbars and background colour of text boxes to acheive something like this:


http://atsearch.autotrader.co.uk/www/CARS_popup.asp?searchform=&modelexact=1&lid=search_used_cars_full&photo=1&state=none&sort=&make=PEUGEOT&min_pr=75&source=0&model=307&max_pr=&agerange=&mileage=&miles=40&postcode=dn106nt&ukcarsearch_full.x=44&ukcarsearch_full.y=9&start=4&distance=39&adcategory=CARS&channel=CARS&id=200644256409180

so far in my html i have:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="SCROLLBAR.css" rel="stylesheet" type="text/css">
</head>

<body>

<form ACTION=URI>

<textarea name="textarea" cols="50" wrap="VIRTUAL">text text text text text text text text
text text text text text text text text
text text text text text text
text text text text
text text text text
text text text text </textarea>


</form>
</body>
</html>

what do i do now??????

cheers and that.:lolo:

iTom
11-28-2006, 12:08 PM
First, that's a scrolling div, not a textarea. If you want something like that, but using a textarea, use this code in your HEAD tag. However, this only works in IE 5.5+:


<style type="text/css">
textarea {
scrollbar-3dlight-color: #CC0000;
scrollbar-base-color: #FF0000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-darkshadow-color: #110000;
scrollbar-face-color: #FF0000;
}
</style>

J to the izzosh
11-28-2006, 03:16 PM
It should be noted that the scrollbar styles are proprietary IE features and should not be expected to work in other browsers.