如何有暗模式滚动条？

Question

我想得到我的滚动条黑暗模式，以及(完全像Github，例如)。引用this answer时，使用css color-scheme可以工作，但如前所述，它会扰乱输入和表单控件。

有没有一种方法可以使用这个类，但不让它覆盖输入和表单控制？或者，也许有更好的方法可以在不从头定义自定义滚动条的情况下创建暗滚动条。

Answer 1

您可以创建一个只包含滚动条的div并应用color-scheme: dark;样式，或者可以使用body::webkit-scrollbar样式完全创建自定义滚动条，最后我可以想到的是您可以手动重新定义不希望color-scheme更改的样式。