css如何自定义滚动条

93次阅读
没有评论

共计 375 个字符,预计需要花费 1 分钟才能阅读完成。

这篇文章将为大家详细讲解有关 css 如何自定义滚动条,丸趣 TV 小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

自定义滚动条

overflow-y: scroll;
整个滚动条
::-webkit-scrollbar {
 width: 5px;
滚动条的轨道
::-webkit-scrollbar-track {
 background-color: #ffa336;
 border-radius: 5px;
滚动条的滑块
::-webkit-scrollbar-thumb {
 background-color: #ffc076;
 border-radius: 5px;
}

关于“css 如何自定义滚动条”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

正文完
 
丸趣
版权声明:本站原创文章,由 丸趣 2023-08-03发表,共计375字。
转载说明:除特殊说明外本站除技术相关以外文章皆由网络搜集发布,转载请注明出处。
评论(没有评论)