在css样式中怎么设置浏览器滚动条样式

1、新建html文档。

3、书写外层轨道c衡痕贤伎ss代码。body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;/*外层轨道*/}

5、代码整体结构。

7、默认样式参考具体如下图：1:scrollbar-face-color（设置滚动框和滚动条箭头的颜色）2:scrollbar-highlight-color（设置滚动框的和滚动条箭头左上边缘的颜色）3:scrollbar-shadow-color（设置滚动框的和滚动条箭头右下边缘的颜色）4:scrollbar-3dlight-color（设置滚动框的和滚动条箭头左上边缘的颜色）5:scrollbar-arrow-color（设置滚动条箭头的颜色）6:scrollbar-track-color（设置滚动条轨迹组成部分的颜色）8:scrollbar-dark-shadow-color（设置滚动条槽的颜色）