css滚动条样式自定义的方法是什么

要自定义CSS滚动条样式，可以使用以下方法：

1. 使用::-webkit-scrollbar伪元素来定义整个滚动条的样式。例如：

::-webkit-scrollbar {
width: 10px;
background-color: #f5f5f5;
}

1. 使用::-webkit-scrollbar-thumb伪元素来定义滚动条上拖动块的样式。例如：

::-webkit-scrollbar-thumb {
background-color: darkgrey;
border-radius: 5px;
}

1. 使用::-webkit-scrollbar-track伪元素来定义滚动条轨道的样式。例如：

::-webkit-scrollbar-track {
background-color: #f5f5f5;
}

1. 如果需要水平滚动条，可以使用::-webkit-scrollbar-horizontal伪元素来定义水平滚动条的样式。

2. 如果需要垂直滚动条，可以使用::-webkit-scrollbar-vertical伪元素来定义垂直滚动条的样式。

以上是针对WebKit浏览器（如Chrome和Safari）的样式定义方法。对于其他浏览器，可以使用相应的浏览器前缀（如-moz-、-ms-、-o-等）来定义样式。

另外，还可以使用JavaScript库（如PerfectScrollbar）来自定义滚动条样式，并提供更多的定制选项。