自定义滚动条样式

  记录一下自定义滚动条样式的代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #d0d0d0;
height: 50px;
outline-offset: -2px;
outline: 0 solid #fff;
-webkit-border-radius: 4px;
border: 0 solid #fff;
}
::-webkit-scrollbar-track-piece {
background-color: #f1f1f1;
}
以上

随笔标题:自定义滚动条样式

随笔作者:刘先玉

发布时间:2019年02月03日 - 13:57:46

最后更新:2019年02月03日 - 13:57:46

原文链接:https://liuxianyu.cn/article/scroll-bar.html