带有溢出的IFRAME：隐藏仍然会在Chrome中显示滚动条

Question

我试图强制IFRAME永远不会显示滚动条，但设置CSS属性overflow:hidden !important不起作用。 Chrome的开发人员工具将 应用的风格 显示为overflow:hidden，但 计算的风格 显示为{{ 1}}。请参阅以下屏幕截图中的确切标记和CSS：

这似乎是Chrome中的一个错误（Chromium，BTW中的这个重复版）。但我仍在寻找解决方案或解决方法。

更多信息：

• UI中唯一可见的滚动条是垂直滚动条。
• 添加属性overflow:visible没有任何区别。
• 明确添加scrolling="no"和overflow-x: hidden !important也不起作用。
• 内联样式没有区别。
• 我不控制IFRAME中的HTML。此内容具有响应性（它适应IFRAME的大小）。
• 将overflow-y: hidden !important的宽度增加5个像素会消除垂直滚动条，但它 还使其内容重排并完全改变布局。
• Chrome版本为56.0.2924.87。

Answer 1

正在呈现的滚动条不是iframe标记，而是iframe中的html标记。这就是应该应用overflow: hidden;声明的地方。 iframe本身确实有一个隐藏的溢出。

Answer 2

仅限Webkit，您可以尝试添加：

::-webkit-scrollbar {
    display: none;
}