Is there a way to change the color of the scroll bar in an Inline Frame?

[Beth]

Is there a way to change the color of the scroll bar in an Inline Frame? I'm sure it's an html thing, maybe? Thanks.

[BaconFries]

Maybe the following NiceScroll Extension

[Beth]

Thanks but it doesn't work for me. Maybe there's an html code that works right on the Inline frame object?

[Pablo]

Did you try this?
https://www.wysiwygwebbuilder.com/customscrollbars.html

Note that the scrollbar of an inline fame is part of the page that is displayed inside the frame.
So, that page controls the color of the scrollbars.

[crispy68]

You can't change the color of the scrollbar of an iframe from the parent page. This can only be done on the document loaded inside the iframe. If you have access to the page being loaded in the iframe, then you can add CSS to that page to change the scrollbar color.

[Beth]

Thank you - Now, if I only knew how to write CSS!

[crispy68]

Do you have access to the page in the inline frame?

[Beth]

Yes, it is on my site.

[crispy68]

Add the following between the head tags of the page:

Code: Select all

<style>
::-webkit-scrollbar{width:20px;}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-thumb{background:#888;}
::-webkit-scrollbar-thumb:hover{background:#ff0000;}
</style>

This will only affect webkit browsers like Chrome, Edge, Vivaldi, Brave, Opera, etc. Firefox doesnt support it very much. Change the values to your liking.

[Beth]

Thank you so very much Crispy68. That works great and provides some definition to the object.

I'll add it to my long list of codes and snippits that I pick up from this helpful forum.