如何使用css更改滚动条颜色

您可以为webkit使用以下属性，这些属性可以连接到 影子DOM ：

::-webkit-scrollbar   {  }::-webkit-scrollbar-button       {  }::-webkit-scrollbar-track        {  }::-webkit-scrollbar-track-piece  {  }::-webkit-scrollbar-thumb        {  }::-webkit-scrollbar-corner       {  }::-webkit-resizer     {  }

这是一个带有红色滚动条的工作小提琴，基于此页面上的代码解释了这些问题。

使用此解决方案和您的解决方案，您可以处理除Firefox之外的所有浏览器，Firefox在这一点上我认为目前仍需要Javascript解决方案。