How to remove iframe's scrollbars?

Question

How to remove iframe's scrllbars? In Firefox it's easy, however I found myself unable to achieve this effect to be compatible with all major browsers.

Answer 1

如果CSS技术对您不起作用，请尝试将属性scrolling="no"到iframe HTML代码中。

<iframe scrolling="no" src="..." >

Answer 2

CSS

iframe {
   overflow: hidden;
}

And/or use Coin_op's answer , it seems to be better.

Answer 3

on top of Alex's answer, I also had to add the following to remove horizontal toolbars from both FF and Chrome. This was added in the i-frame page, even though it should be possible to add it in the css as well:

    <style>
        iframe::-webkit-scrollbar {  
        display: none;
    }  
    </style>

Answer 4

<iframe runat="server" id="_theFrame"  src="url" width="100%" scrolling="no" height="200" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" style="display: block; background: none repeat scroll 0% 0% transparent; width: 100%;" />