使用 ：：-webkit-scrollbar 自定义后，如何将 chrome 的滚动条恢复为默认值？

问：

我继承的一些CSS有这样的代码

*::-webkit-scrollbar {
  width: 30px;
  background-color: black;
}

*::-webkit-scrollbar-thumb {
  width: 30px;
  background-color: gray;
}

我需要覆盖它并将滚动条恢复为默认值，但以下方法不起作用。

my-element::-webkit-scrollbar {
  all: unset !important
}

my-element::-webkit-scrollbar-thumb {
  all: unset !important;
}

我该怎么做？

将任何属性添加到 ：：-webkit-scrollbar 后，chrome 会开始将滚动条视为自定义，并且永远不会返回到默认滚动条。例如，如果我有

*::-webkit-scrollbar {
  width: 30px;
  background-color: black;
}

然后我做

my-element::-webkit-scrollbar {
  width: unset !important;
  background-color: unset !important;
}

它不会回到默认值，它只会消失。 具有相同的效果。initial

这是一个带有示例的代码笔。如何撤消自定义并恢复真正的默认 chrome 滚动条？