CSS - 默认滚动条显示属性

Question

我有一个ASP.Net Web窗体应用程序，它在主样式表中定义了以下CSS：

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

我正在开发一个新页面，弹出一个模态对话框，有时会出现垂直溢出。在这种情况下，我需要为溢出div显示滚动条。但是，我找不到display的默认::webkit-scrollbar属性，该属性会将滚动条重置为其原始显示状态。我尝试unset和initial失败了。

我还尝试在div中添加.scroll类，我需要滚动条显示，然后将主CSS更改为：

:not(.scroll) ::-webkit-scrollbar {
    display: none;
}

但这也不起作用。有人可以帮忙吗？

Answer 1

试试这个

.hideThumb::-webkit-scrollbar-thumb { /* we apply the style to actually hide it*/
    display: none; 
}