css - Webkit：隐藏垂直滚动条。适用于 Chrome 和 Safari 而不是 Firefox

Question

可能重复：
Firefox 中的隐藏滚动条（允许滚动但没有滚动条）

这在 Chrome 和 Safari 中运行良好：

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

但是垂直滚动条不会隐藏在 Firefox 中。

我无法更改 iframe 代码，因此需要纯粹在 CSS 中。

更新：我在上面添加了以下内容来解决问题。两个块都是必需的：

iframe
{  
    overflow: hidden;
}

但是，这种方法可能会限制我在其他地方精细控制 x 或 y 滚动条的能力。

那好吧。

Answer 1

这应该有助于：

<style>
    .noscroll{width:200px; height:200px; overflow-y: hidden;}
</style>

<iframe src="http://microsoft.com" class="noscroll" scrolling="no"></iframe>