要自定义CSS滚动条样式，你可以使用CSS的::-webkit-scrollbar伪类来选择滚动条，并使用其他属性来定义样式。
下面是一个简单的例子，展示了如何自定义滚动条的样式：
/* 隐藏滚动条 */
::-webkit-scrollbar {
display: none;
}
/* 自定义滚动条的背景颜色 */
::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
/* 自定义滚动条上滑块的颜色 */
::-webkit-scrollbar-thumb {
background-color: #888;
}
/* 鼠标悬停在滚动条上滑块时的颜色 */
::-webkit-scrollbar-thumb:hover {
background-color: #555;
}
在这个例子中，我们首先使用::-webkit-scrollbar选择滚动条，将其display属性设置为none，以隐藏滚动条。然后，使用::-webkit-scrollbar-track选择滚动条的轨道，并设置其background-color属性来定义背景颜色。接下来，使用::-webkit-scrollbar-thumb选择滚动条上滑块，并设置其background-color属性来定义滑块的颜色。最后，使用::-webkit-scrollbar-thumb:hover选择滚动条上滑块的悬停状态，并设置其background-color属性来定义鼠标悬停时的颜色。
请注意，这个例子只适用于使用WebKit内核的浏览器（如Chrome、Safari等）。如果你想要在其他浏览器上自定义滚动条样式，你可能需要使用其他类似的伪类和属性。