Css滚动条样式设置

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

原创最新推荐文章于 2024-11-07 15:25:50 发布 · 144 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Angular #css #滚动条 #scrollbar

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 ;
}