可以使用以下CSS样式来改变滚动条的颜色:

/*滚动条整体样式*/::-webkit-scrollbar {width: 12px;}/*滚动条轨道样式*/::-webkit-scrollbar-track {background: #f1f1f1;}/*滚动条滑块样式*/::-webkit-scrollbar-thumb {background: #888;}/*滚动条滑块悬停样式*/::-webkit-scrollbar-thumb:hover {background: #555;}

其中,::-webkit-scrollbar用于设置滚动条整体的样式,::-webkit-scrollbar-track用于设置滚动条轨道的样式,::-webkit-scrollbar-thumb用于设置滚动条滑块的样式,::-webkit-scrollbar-thumb:hover用于设置滚动条滑块悬停时的样式。

需要注意的是,以上样式只适用于WebKit浏览器(如Chrome和Safari),其他浏览器可能需要使用不同的样式来改变滚动条颜色。