Css 如何在Google chrome中隐藏iframe右侧的栏

我正在为一家餐厅网站开发一个食品订购小部件（请参见下面的附图）。我使用iframe显示启用滚动的菜单。我已经在css中隐藏了滚动条。但奇怪的是，右边有一个酒吧，我不知道它是什么。此外，此栏仅出现在Windows chrome中，而不出现在safari上的Mac chrome中

---

要删除边框，请使用下面的边框

<iframe src="myURL" width="500" height="500" frameBorder="0">Browser not compatible.</iframe>

浏览器不兼容。

这里唯一的限制是必须在IFrame之外使用Div容器

在android和ios设备上测试

HTML

   <div class="outerCon">
    <iframe src="https://bing.com" 
            class="foo" 
            seamless="seamless">
    </iframe>
    </div>

试试这个或

---

Hi，Raj。在我的代码中，我设置了frameBorder=0。恐怕这不是原因

.outerCon{
    overflow:hidden;
    height:500px;
    width:600px;
}

.outerCon iframe{
    width:inherit;
    height:inherit:
   overflow-x : hidden;
    overflow-y: scroll;
}

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

<iframe src="..." 
    class="foo" 
    scrolling="no" 
    seamless="seamless">
</iframe>