如何在Firefox和Internet Explorer中隐藏或着色iframe滚动条？

Question

如何使用css或Javascript在Firefox和Internet Explorer中隐藏（并着色）iframe滚动条？我正在使用高度自动iframe的内容，它工作正常，但滚动条显示（Chrome除外）。我正在使用iframe height auto进行跨域高度自动。

Answer 1

如果您有要带的高度关怀的脚本，所以你不需要滚动，你可以简单地把滚动关闭，因此他们不存在，凑了过来：

<iframe src="//www.abc.net.au/" scrolling="no" width="500" height="500"></iframe> 

scrolling="no"做的伎俩。

例子：http://jsfiddle.net/rt2bf/

Answer 2

我记得有一个类似的问题而回，根据您的需要 我会尝试使用：

overflow-y:hidden; 

在CSS

或

scrolling="no" 

在iframe元素中。 （这应该工作）

如果一切都失败了，这里有一个小黑客，设置父格设置略小的宽度比孩子的div，并设置它的CSS，像这样：

.parent { 

     overflow-x:hidden; 
     width:486px; 
     height:300px; 
    } 
    .child { 
     width:500px; 
     height:auto; 
    } 

然后让它看起来甚至稍微好一点，比如：将边框设置为正确，它看起来好像你从未做过这样的黑客攻击，但正如我之前所说的，首先尝试滚动=“否”，因为后一种方法可能会被有些，但是我的辩解是解决问题的方法。

快乐编码。