Css滚动条样式设置

最新推荐文章于 2024-11-07 15:25:50 发布

Jacky-Liu999

最新推荐文章于 2024-11-07 15:25:50 发布

阅读量134

点赞数

CC 4.0 BY-SA版权

分类专栏： Angular 文章标签： Angular css 滚动条 scrollbar

本文链接：https://blog.youkuaiyun.com/hotboyboy/article/details/89960860

Angular 专栏收录该内容

25 篇文章

订阅专栏

博客涉及HTML和CSS相关内容，标签中提及Angular、滚动条等信息技术元素，推测围绕Angular框架结合CSS对滚动条等样式进行处理。

.Html

<div class="box"></div>

.CSS

/*滚动条整体样式*/
.box::-webkit-scrollbar {
    width: 7px;
}
/*滚动条滑块*/
.box::-webkit-scrollbar-thumb {
  
    background: #535353;
}
/*滚动条轨道*/
.box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);
    background:#161A1D ;
}