css修改网页滚动条样式

小菜菜love

于 2024-10-14 12:04:52 发布

阅读量228

点赞数 3

分类专栏： web前端文章标签： css css3 前端

本文链接：https://blog.youkuaiyun.com/xccevol/article/details/142914820

版权

web前端专栏收录该内容

14 篇文章

订阅专栏

可以动过下面的css选择器去设置样式

/* 滚动条整体样式 */
::-webkit-scrollbar {
  width: 5px;
}

/* 滚动条轨道样式 */
::-webkit-scrollbar-track {
  background-color: #eee;
}

/* 滚动条滑块样式 */
::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 5px;
}

/* 滚动条滑块在hover状态下的样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #888;
}