# Css problem with scroll bar colors

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

```