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:
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.
 
Back
Top Bottom