覆盖css中的伪元素

Question

我到处寻找但似乎无法找到解决方案，我的css中有一个伪元素：

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

这隐藏了整个网站的滚动条，但我想以某种方式覆盖这一页，以便滚动条实际显示，有没有办法做到这一点？我试过了

的CSS：

.box {
    height: 100px;
    overflow-y:scroll !important;
}

HTML：

<div class="box">
   Page Content<br/>Page Content<br/>Page Content<br/>Page Content<br/>
</div>

我的另一种解决方案是删除这个伪元素并添加一个类来隐藏不需要的滚动条，但是我必须改变每个页面，所以希望找到一种方法来克服这个问题。

提前致谢：）