# Colored scroll bars

**URL:** <https://forum.kirupa.com/t/colored-scroll-bars/3289>\
**Category:** Uncategorized\
**Created:** [February 7, 2002, 12:21pm UTC](https://forum.kirupa.com/t/colored-scroll-bars/3289 "2002-02-07T12:21:31Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 7, 2002, 12:21pm UTC](https://forum.kirupa.com/t/colored-scroll-bars/3289/1 "2002-02-07T12:21:31Z")

</div>

whats up all. my question is…some sites have different colors on their scroll bars. i knew the code but forgot it. does anyone know the code? and also i know that it doesnt work for every browser. is there anyway around that?

thank you…

[www.dreamersvision.com](http://www.dreamersvision.com)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 7, 2002, 7:33pm UTC](https://forum.kirupa.com/t/colored-scroll-bars/3289/2 "2002-02-07T19:33:51Z")

</div>

Works on IE 5.5+ only, no workaround that i know of.  
Example (this goes in the head section of your page):

[STYLE type=“text/css”]  
[!–  
BODY {  
scrollbar-face-color: #0033FF;  
scrollbar-highlight-color: #FFFFFF;  
scrollbar-3dlight-color: #0066FF;  
scrollbar-darkshadow-color: #003399;  
scrollbar-shadow-color: #3300CC;  
scrollbar-arrow-color: #FFFFFF;  
scrollbar-track-color: #0033FF;  
}  
–]  
[/STYLE]

(replace square brackets by the correct ones! change the hex colors to whatever you want…)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 12, 2002, 1:20pm UTC](https://forum.kirupa.com/t/colored-scroll-bars/3289/3 "2002-02-12T13:20:44Z")

</div>

muchas gracias

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 13, 2002, 8:38pm UTC](https://forum.kirupa.com/t/colored-scroll-bars/3289/4 "2002-02-13T20:38:48Z")

</div>

de nada, hombre! que te sale bien