How do you change the scrollbar color for an Iframe?

Question

I am creating website for my school, and I am currently using Iframes.

My website is colorful and it would be much nice if I could change the color of the scrollbar in my Iframe.

How do I do this? I already know that I can view this only in Explorer. Here is the code that I am using:

<STYLE type="text/css">

<!--

BODY

{

scrollbar-face-color: #efebdd;

scrollbar-highlight-color: #efebdd;

scrollbar-3dlight-color: #efebdd;

scrollbar-darkshadow-color: #efebdd;

scrollbar-shadow-color: #efebdd;

scrollbar-arrow-color: #a78453;

scrollbar-track-color: #efebdd;

}

-->

</STYLE>

Answer 1

Scrollbar coloring is only effective for Internet Explorer and other browsers like Maxthon which use the IE Engine.  It&#039;s wasted coding for all other browsers.

Ron

Answer 2

just change it to:

BODY, IFRAME

{

...etc.

}

Answer 3

Well, what you&#039;re doing is correct. You have to make sure that this piece of code is on the page that is loaded into the iframe, not on the parent page. Other than that, just start changing those hex codes to find different color values.

http://www.december.com/html/spec/color....