iFrame scrollbar colours

Soldato
Joined
2 May 2004
Posts
19,950
Hi,

Have been struggling to get colours scrollbars on an iFrame.

I know you have to put the scrollbar colour CSS code in the iFrame content, not the page with the <iframe on, but it just doesn't want to work :(

I've got this at the top of the iFrame content page:

Code:
<style type="text/css">
<!--
body {
scrollbar-face-color: #CCCCCC;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #999999;
scrollbar-shadow-color: #999999;
scrollbar-darkshadow-color: #1E4880;
scrollbar-arrow-color: #1E4880;
scrollbar-track-color: #FFFFFF;
}
.style1 {
 font-size: 24px;
 font-weight: bold;
 font-family: Georgia, "Times New Roman", Times, serif;
}
.style2 {font-family: Georgia, "Times New Roman", Times, serif}
.style3 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 16px;
 font-weight: bold;
}
a.href {color:#666666; font-style:normal; font-family:"Times New Roman", Times, serif; text-decoration:none;}
.style4 {font-size: 14px}
.style9 {font-size: 24px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; color: #666666; }
.style10 {
 font-size: 14px;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
}
-->
</style>

So I don't see why it's not working :(

Any ideas how I can do it please?

Thanks
Craig.
 
Last edited:
Whats your code for the iFrame? i.e. the page the iframe is on, not the iframe page.

And am I right in thinking the scrolllbars are not part of the page the iframe is pointed to, but part of the iframe itself?
 
The page the iFrame is on is just a normal page with all the usual <head> <body> etc.

I read on a few sites that the colours of the scroll bars need to be set in the iFrame file, not the page the iFrame is on.

Craig.
 
you can just put that javascript on the html file of that particular page that fits in the iframe. For every page you have in the iframe put that javascript for the colour scrollers.
 
richard1973 said:
you can just put that javascript on the html file of that particular page that fits in the iframe. For every page you have in the iframe put that javascript for the colour scrollers.
What JavaScript?
 
Back
Top Bottom