HTML自带的滚动条的样式怎么修改

最新推荐文章于 2025-05-09 16:09:48 发布

mini_qiu

最新推荐文章于 2025-05-09 16:09:48 发布

阅读量602

点赞数

分类专栏： CSS 文章标签： css html

本文链接：https://blog.youkuaiyun.com/mini_1251861209/article/details/107221582

版权

CSS 专栏收录该内容

19 篇文章

订阅专栏

/* 滚动条样式修改 */
/* 纵向滚动条和横向滚动条宽度 */
.scroll::-webkit-scrollbar {
  width: 7px;
  height: 5px;
}
/* 滚动条按钮样式 */
.scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #868686;
}
/* 滚动条背景条样式 */
.scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #b8b8b8;
}