在CSS中，可以使用::-webkit-scrollbar和相关伪元素来修改滚动条的样式，但请注意这些伪元素仅在基于WebKit的浏览器中（如Chrome和Safari）支持。Firefox和其他浏览器可能不支持这些伪元素。
以下是一个简单的例子，展示如何自定义滚动条的外观：
/* 自定义整个滚动条 */
::-webkit-scrollbar {
width: 12px; /* 设置滚动条的宽度 */
}
/* 自定义滚动条轨道 */
::-webkit-scrollbar-track {
background: #f1f1f1; /* 设置轨道的背景颜色 */
}
/* 自定义滚动条的滑块（thumb） */
::-webkit-scrollbar-thumb {
background: #888; /* 设置滑块的背景颜色 */
}
/* 当滑块悬停或活动时自定义 */
::-webkit-scrollbar-thumb:hover {
background: #555; /* 设置滑块在悬停状态下的背景颜色 */
}
将上述代码添加到你的CSS文件中，并确保它在一个适用于你想要自定义滚动条元素的选择器内。如果你想要在一个特定的元素上自定义滚动条，你可以为该元素添加一个类名并相应地调整选择器。
请注意，这些伪元素只能用于隐藏或显示滚动条，而不能用于改变其大小或样式的某些特定部分（如滚动条上的箭头）。如果你需要更复杂的自定义，可能需要使用JavaScript库，如perfect-scrollbar或simplebar。