Scrollbar Color For Iframes

[magicz69]

How do i change the scrollbar color of iframe ? i tried putting this on the main page and the source page but the scrollbard color still did nt change ..

<style type="text/css">
body
{
scrollbar-face-color:#FEEECC;
scrollbar-arrow-color:black;
scrollbar-track-color:#FEEECC;
scrollbar-shadow-color:#FEEECC;
scrollbar-highlight-color:#FEEECC;
scrollbar-3dlight-color:#FEEECC;
scrollbar-darkshadow-Color:#FEEECC;
background: transparent;
overflow: hidden;
border:none;
margin:0;
}
</style>

[sice]

just a few things to check:

1. colored scrollbars only work in IE
2. make sure you didnt set your doctype to xhtml
3. im not sure if an html 4.01 STRICT doctype will allow it, so if youre using that, try setting it to transitional.

hope that helps.

[Carl-cox-]

try putting

<style type="text/css">
.iframe
{
scrollbar-face-color:#FEEECC;
scrollbar-arrow-color:black;
scrollbar-track-color:#FEEECC;
scrollbar-shadow-color:#FEEECC;
scrollbar-highlight-color:#FEEECC;
scrollbar-3dlight-color:#FEEECC;
scrollbar-darkshadow-Color:#FEEECC;
background: transparent;
overflow: hidden;
border:none;
margin:0;
}
</style>


Then in your iframe tag put

<iframe class="iframe"></iframe>

i think thats how its done :/

[magicz69]

still cant funny ...

[OuTpaTienT]

Maybe that's a sign from above that you shouldn't do it. Personally I don't like it when web sites try to change my scrollbar colors. It's annoying and I usually do not bookmark such web sites.

[magicz69]

but matching the background will look cool :P espicially for iframes :P i'll go look for solutions den