Hiding iframe Scrollbars in Chrome and Safari

CSS

This is a really short one. I know we should minimize or eliminate the use of iframes. However, from time to time we use iframes. IE and FF allow the use of overflow: hidden to hide iframes, but, this does not work in Safari or Chrome. Be aware, the following does work:


   /* take care of IE and FF */ 
   iframe { overflow: hidden ;  }

   /* take care of Chrome & Safari */ 
   iframe::-webkit-scrollbar { display: none ;   }

Hope that helps you in the future.

🙂

Leave a Reply