如何覆盖“:: - webkit-scrollbar”CSS规则并使滚动条再次可见

Question

我使用以下规则使滚动条不可见：

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

如何覆盖此规则以使滚动条再次可见？我尝试了以下方法：

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

在这种情况下，滚动条会保留其空间，但拇指不可见。

查看简短演示here。

Answer 1

尝试

:: - webkit-scrollbar {visibility：hidden; }

和

:: - webkit-scrollbar {visibility：visible; }

编辑：

虽然，这将保留空间...所以，添加“width：0！important;”