CSS – 隐藏浏览器自带滚动条(Chrome | Safari | Firefox | IE | Edge)

2022年11月20日09:25:31

前言

无论横纵滚动条全部隐藏。

有时候,我们需要隐藏浏览器的默认滚动条,无论内容是否超出都不显示。
CSS - 隐藏浏览器自带滚动条(Chrome | Safari | Firefox | IE | Edge)

一、Chrome | Safari

谷歌与苹果自带浏览器,隐藏办法如下代码。

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

二、Firefox

火狐浏览器,隐藏办法如下代码。

*{scrollbar-width: none;}

三、IE | Edge

IE 与微软浏览器,隐藏办法如下代码。

*{-ms-overflow-style: none;}
  • 作者:王佳斌
  • 原文链接:https://wangjiabin.blog.csdn.net/article/details/116597473
    更新时间:2022年11月20日09:25:31 ,共 219 字。