用CSS自定义浏览器滚动条

最新推荐文章于 2024-12-11 14:25:20 发布

原创最新推荐文章于 2024-12-11 14:25:20 发布 · 367 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #滚动条

css3 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用CSS自定义滚动条样式，包括滚动条的整体样式、内部轨道颜色及滚动条小方块的颜色设置等。

里面的样式自己设（IE不行哦）

::-webkit-scrollbar-track-piece {  /*滚动条里面轨道*/
    background-color:#fff;
}
::-webkit-scrollbar {  /*滚动条整体样式*/
    width:8px;   /*高宽分别对应横竖滚动条的尺寸*/
    height:13px;
}
::-webkit-scrollbar-thumb {  /*滚动条里面小方块*/
    background-color:#000000;
    background-clip:padding-box;
}
::-webkit-scrollbar-thumb:hover {
    background-color:#000000;
}