Chrome滚动条占用空间，但在样式化之前不可见

Question

我有一个PWA，其中我关闭了滚动条。我使用过的Chrome浏览器：-

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

现在对于非接触式PC用户，我想为某些元素打开滚动条。问题是当我摆脱“显示：无”时，我获得了滚动条的空间，但它是不可见的。当我设置样式（例如：background-color）时，可以看到它。

为什么它不可见？

Answer 1

Spewin'当定义伪元素时，必须控制ALL属性：-（

完全删除CSS伪元素定义，滚动条返回默认值。