CSS3改变滚动条样式

最新推荐文章于 2025-06-30 14:41:02 发布

ACGuan

最新推荐文章于 2025-06-30 14:41:02 发布

阅读量723

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS

本文链接：https://blog.youkuaiyun.com/csdnlinyongsheng/article/details/89310193

CSS 专栏收录该内容

5 篇文章

订阅专栏

::-webkit-scrollbar  
{  
    width: 0;  /*滚动条宽度*/
    /*height: 16px;*/
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  /*滚动条的背景区域的圆角*/
    background-color: red;/*滚动条的背景颜色*/  
}  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: green;  /*滚动条的背景颜色*/
}