Page 1 of 1
Is there a way to change the color of the scroll bar in an Inline Frame?
Posted: Sun Feb 15, 2026 11:53 pm
by 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.
Re: Is there a way to change the color of the scroll bar in an Inline Frame?
Posted: Mon Feb 16, 2026 12:20 am
by BaconFries
Maybe the following
NiceScroll Extension
Re: Is there a way to change the color of the scroll bar in an Inline Frame?
Posted: Mon Feb 16, 2026 12:51 am
by Beth
Thanks but it doesn't work for me. Maybe there's an html code that works right on the Inline frame object?
Re: Is there a way to change the color of the scroll bar in an Inline Frame?
Posted: Mon Feb 16, 2026 7:06 am
by 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.
Re: Is there a way to change the color of the scroll bar in an Inline Frame?
Posted: Mon Feb 16, 2026 6:19 pm
by 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.
Re: Is there a way to change the color of the scroll bar in an Inline Frame?
Posted: Wed Feb 18, 2026 10:04 pm
by Beth
Thank you - Now, if I only knew how to write CSS!
Re: Is there a way to change the color of the scroll bar in an Inline Frame?
Posted: Wed Feb 18, 2026 10:21 pm
by crispy68
Do you have access to the page in the inline frame?
Re: Is there a way to change the color of the scroll bar in an Inline Frame?
Posted: Wed Feb 18, 2026 10:39 pm
by Beth
Yes, it is on my site.
Re: Is there a way to change the color of the scroll bar in an Inline Frame?
Posted: Thu Feb 19, 2026 12:30 am
by 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.
Re: Is there a way to change the color of the scroll bar in an Inline Frame?
Posted: Thu Feb 19, 2026 9:28 pm
by 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.