Can iFrame Scrollbars be skinned in webkit?

Posted by Mr. Bamboo on Stack Overflow See other posts from Stack Overflow or by Mr. Bamboo
Published on 2009-09-03T06:47:19Z Indexed on 2010/04/30 7:07 UTC
Read the original article Hit count: 363

Filed under:

webkit

|

iframe

|

scrollbars

It's pretty well known by now that you can style scrollbars using the webkit specific CSS tags (::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment, etc. ). However, I've noticed that I cannot style the scrollbars attached to iFrames.

Question: Is there a way to access and style the scrollbars on the iFrame using webkit? (Yes, I've actually got a particular scenario where I'd like to be able to do this.)

Thanks much in advance for any help!

© Stack Overflow or respective owner

Related posts about webkit

Twitter Bootstrap styling conflicts with plug-ins like jqGrid and other third part libraries

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Issues:The concern is that the Twitter Bootstrap framework is that some of their css selectors are simply too generic and have incompatibility issues and conflicts with most third party plug-ins and css libraries, like jQuery-UI and jqGrid.My most pressing concern is only with the generic selector… >>> More
How do I know all the events (especially webkit only) supported by webkit/chrome/safari

as seen on Stack Overflow - Search for 'Stack Overflow'
I just cannot find a reference doc for webkit/chrome/safari >>> More
Does webkit-scrollbar work with webkit-transition?

as seen on Stack Overflow - Search for 'Stack Overflow'
I want a custom webkit-scrollbar to animate a different background color for the hover state. The code below changes the color on hover but doesn't animate anything. It works on a div so I suspect webkit-scrollbar doesn't play nice with transitions. ::-webkit-scrollbar-thumb { background-color:… >>> More
Print.css issue in Webkit

as seen on Stack Overflow - Search for 'Stack Overflow'
The page in question is featured here: http://www.allwebcafe.com/news/news-article.php?id=78 For some reason, when a user attempts to print any article of this type from a Webkit-based browser (I've confirmed this in both Safari and Chrome), the pages are all blank. On the flip side, everything behaves… >>> More
Why Chrome does not show CSS3 ::-webkit-scrollbar scrollbar for iframe?

as seen on Stack Overflow - Search for 'Stack Overflow'
Why Chrome does not show CSS3 ::-webkit-scrollbar scrollbar for iframe? Demo http://jsfiddle.net/laukstein/C9s3P/ <iframe scrolling="yes" style="overflow-x:hidden; overflow-y:scroll; width:150px; height:50px;" src="http://en.wikipedia.org/wiki/Web_browser"></iframe> CSS ::-webkit-scrollbar{ … >>> More

Related posts about iframe

IE6 iframe anchor links moves iframe up

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, Having a real head scratching moment... I have a site where there is a footer div that always sits at the bottom of the screen (26px high), and above that I have an iFrame which sizes to 100% of the remaining height. This works well. Even clicking on anchor links inside the iframe works as it… >>> More
Scripted iFrame loads contents over current page instead of within an iFrame

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to load a webpage into an iFrame while keeping a content bar on top, but for some pages that I try to load into the iFrame the contents is loaded as if I navigated to that page. I use the following code to dynamically load an iframe: $('#my_iFrame').attr("src","http://www.nytimes.com/2010/03/26/opinion/26ryan… >>> More
Reloading iframe from another iframe

as seen on Stack Overflow - Search for 'Stack Overflow'
Can I reload iframe (say __tree_iframe) from another child iframe (__content_iframe)? Difficulty: IE6/7. UPDATE Obviosly I should use window.opener and find iframe using it iframes property. Apparently, IE doesn't support window.opener. Any ideas about another way? >>> More
IFrame targeting another IFrame

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a parent page containing two iframes. One holds navigation links and the other should display the information pertaining to the navigation link clicked in the first iframe. So I need to target the one iframe from within another iframe.Is this possible? If so how does one go about it? >>> More
Reloading iframe from anpother iframe

as seen on Stack Overflow - Search for 'Stack Overflow'
Can I reload iframe (say __tree_iframe) from another child iframe (__content_iframe)? Difficulty: IE6/7. >>> More