自定义滚动条样式

发表于 | 分类于 ， | 评论数： | 热度： ℃ | 热度： ℃

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

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