Changing Color of Text Box Scroll Bar

**DaWebmasta** · 08-13-2004, 08:38 PM

---Hello

---I Was Wondering If There Is A Way I Can Change The Color
---Of A Text Box Scroll Bar So That It Does Not Have The Same
---Color As The Window Scroll Bar

--- Thanx

---DaWebmasta

**krak_d** · 08-14-2004, 10:21 AM

Hi DaWebmaster,

create your text area with a div and give the div an id..

eg. <div id="txtarea" style="width: 200px; height: 200px; overflow: scroll; border: 5px dashed black; background-color: #ccc;">
This is where all the stuff goes.<br />
Add some more stuff, and instead of growing, it will have a scrollbar.This is where all the stuff goes.<br />
</div>
(the above provided by QuietDean btw )

Then in your CSS add the following:

#txtarea {scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #aaaaaa;
scrollbar-highlight-color: #aaaaaa;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #aaaaaa;}

obviously you can choose colors of your liking!

Hope this helps,
krak_d

**DaWebmasta** · 08-14-2004, 10:37 AM

---Thanx krak_d And quietdean For The Code

---I'm Sure The Code Works But I'm Not Sure Where My
---CSS Is I'm Not That Good With This Kind Of Stuff Can You
---Please Tell Me Where I Need To Put The Second Code That
---You Gave Me

---DaWebmasta

**krak_d** · 08-14-2004, 11:08 AM

If you are not using an external stylesheet, then add this between your <head> </head> tags.

eg.

<head>
<style type="text/css">

</style>
</head>

krak_d

**DaWebmasta** · 08-14-2004, 05:17 PM

---O Ok I Gotch You Thanx krak_d

---DaWebmasta

Thread: Changing Color of Text Box Scroll Bar

Thread Tools

Related

changing background color of a section using css and javascript Forum: CSS Forum

Changing Text With a Button Forum: HTML Forum

changing the color of scrollbar in an iframe Forum: CSS Forum

Changing Text Box Scroll Bar Color Forum: HTML Forum

Change Browser Color to match scroll bars? Forum: CSS Forum

Changing Color of Text Box Scroll Bar

Tags for this Thread

Cloudjiffy- PaaS for Developers