Custom iframe scrollbar colors with CSS?

Can you change the color of an iframe’s scrollbars with css? if you can, what selectors do you use?

As you probably know, iFrame is just a .html file included in another one, so you can change the colors of the iFrame scrollbar just like you would with any other HTML site with the same selectors.
Hope this makes sense.

That’s correct, zweistein. Just to clarify for goma, though, here’s an example.

In your main document, you already have something like this, right?


<iframe src="content.html" height="400" width="400"
scrolling="yes" frameborder="0" marginwidth="0" marginheight="0"></iframe>

Well, in your content.html file there should be this:


<head>
<style type="text/css">
<!--
body {
  scrollbar-3dlight-color: #000000;
  scrollbar-arrow-color: #ffffff;
  scrollbar-darkshadow-color: #000000;
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-track-color: #000000;
}
-->
</style>
</head>