# Css problem with scroll bar colors

**URL:** <https://forum.kirupa.com/t/css-problem-with-scroll-bar-colors/63684>\
**Category:** Uncategorized\
**Created:** [September 9, 2004, 4:06am UTC](https://forum.kirupa.com/t/css-problem-with-scroll-bar-colors/63684 "2004-09-09T04:06:16Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![SlowRoasted](https://avatars.discourse-cdn.com/v4/letter/s/a698b9/32.png) [@SlowRoasted](https://forum.kirupa.com/u/SlowRoasted)\
**Post date:** [September 9, 2004, 4:06am UTC](https://forum.kirupa.com/t/css-problem-with-scroll-bar-colors/63684/1 "2004-09-09T04:06:16Z")

</div>

Ok this is so easy to do and ive done it on many site but im totally confused on why this code is not working for changing the scroll bar colors, do i have it in the wrong spot?

```auto

/* CSS Document */

BODY { 
	margin-top: 0 ;
	margin-bottom: 0;
	background: #0C3E6A url("images/bg.gif");
    background-repeat: repeat-y;
    background-position: center;
	
	scrollbar-face-color : #103F69;
	scrollbar-shadow-color : #103F69;
	scrollbar-highlight-color : #103F69;
	scrollbar-3dlight-color : #FFFFFF;
	scrollbar-darkshadow-color : #FFFFFF;
	scrollbar-track-color : #103F69;
	scrollbar-arrow-color : #EDB838;

}

a:link {color: #EDB838;}
a:visited {color: #EDB838;}
a:active {color: #EDB838;}
a:hover {color: #3E464A;}
a {text-decoration: none;}

```

---

<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:** [September 9, 2004, 6:04am UTC](https://forum.kirupa.com/t/css-problem-with-scroll-bar-colors/63684/2 "2004-09-09T06:04:05Z")

</div>

Ok, I have tested the css coding and from my input it looks like this which seems to be correct.

---

<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:** [September 9, 2004, 3:24pm UTC](https://forum.kirupa.com/t/css-problem-with-scroll-bar-colors/63684/3 "2004-09-09T15:24:04Z")

</div>

thats so odd man, its not working on my machine:(

---

<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:** [September 9, 2004, 4:41pm UTC](https://forum.kirupa.com/t/css-problem-with-scroll-bar-colors/63684/4 "2004-09-09T16:41:15Z")

</div>

What browser are you trying to view it in?

---

<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:** [September 9, 2004, 5:33pm UTC](https://forum.kirupa.com/t/css-problem-with-scroll-bar-colors/63684/5 "2004-09-09T17:33:48Z")

</div>

As far as I know, CSS scrollbars are only visible in Internet Explorer.

---

<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:** [September 9, 2004, 6:20pm UTC](https://forum.kirupa.com/t/css-problem-with-scroll-bar-colors/63684/6 "2004-09-09T18:20:42Z")

</div>

> [@hificopymaster](#):
>
> As far as I know, CSS scrollbars are only visible in Internet Explorer.

That’s correct, because they’re an M$ proprietrary gimmick.

---

<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:** [September 9, 2004, 6:40pm UTC](https://forum.kirupa.com/t/css-problem-with-scroll-bar-colors/63684/7 "2004-09-09T18:40:08Z")

</div>

im not even seeing it in IE