Coding Forum

**ltcjohnson** · 09:43 AM

Okay, having the weirdest problem. I'm trying to set my scrollbar color in an iframe but i'm not having any luck... Here is a link to the page i'm trying to get this to work on... http://www.kickass-gaming.com/testsite/ then click on 'The Team' I just don't understand what I am doing wrong. Link to the css http://www.kickass-gaming.com/testsite/kickass.css

What I did was put the code into my css file for the scrollbars.

Code:

.bars {
	scrollbar-3dlight-color: #000000;
	scrollbar-base-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #000000;
}

and then the page that would have the bars i put this for the body

Code:

<body class="bars">

I've tried a bunch of different things. just cant figure it out. Any ideas?

**ltcjohnson** · 04-19-2006, 09:49 AM

Now isn't that special. Right after I post this I figure it out. I did this to get it.

added the following code to my css

Code:

replaced this,

.bars {
	scrollbar-3dlight-color: #000000;
	scrollbar-base-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #000000;
}

with this,

html {
	scrollbar-3dlight-color: #000000;
	scrollbar-base-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #000000;
}

yes i know. pure black. i just did that for testing...

**dk01** · 04-19-2006, 12:28 PM

You know this code will only work in IE too right?

**wfcamb** · 01:37 PM

This is what I got on my website.. Just paste it into the HTML in whatever frame you are wanting the scrollbar colors changed:

Code:

<STYLE>
   body {
   scrollbar-arrow-color: #BEC074;
   scrollbar-base-color: #521318;
   scrollbar-shadow-color: #521318;
   scrollbar-track-color: #2C0A0C;
   scrollbar-darkshadow-color: #000000;
   }
   </STYLE>

You can also add some of the other scrollbar coding from the ones above.. Just hit enter after the last line of scrollbar coding (after ;), align new coding with other coding, and you're done. I just have the basic one on my website.. I didn't need anything else with it.

Hope that helps ya'!