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

Question

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

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

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

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

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

请参阅此处的简短演示。

Answer 1

尝试

::-webkit-scrollbar { 可见性：隐藏；}

和

::-webkit-scrollbar { 可见性：可见；}

编辑：

不过，这会保留空间......所以，添加“宽度：0！重要;”