如何隐藏iframe中的滚动条？

Question

我正在使用iframe里面的花式框滚动条，不知道删除它们我尝试了一切

示例：http://jsfiddle.net/t4j3C/

似乎什么都没有用，我做错了什么？我尝试了下面的代码，他们也不会工作。

iframe { overflow: hidden; }

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

Answer 1

看起来fancybox.css正在指定强制滚动条的overflow-y: scroll。您可以使用!important强制覆盖：

.fancybox-overlay, .fancybox-overlay-fixed {
    overflow: hidden !important;
}

http://jsfiddle.net/t4j3C/3/

Answer 2

也许可以试试这个：

<iframe ... scrollable="no"></iframe>

或者像Greg建议使用！important：

覆盖默认的css

.fancybox-overlay, .fancybox-overlay-fixed {
    overflow: hidden !important;
}

希望它有所帮助！