滚动条样式css

最新推荐文章于 2024-07-01 12:23:56 发布

艾小逗

最新推荐文章于 2024-07-01 12:23:56 发布

阅读量175

点赞数

分类专栏： # CSS 文章标签： css webkit-scrollbar scrollbar

本文为艾小逗原创文章，未经允许不可转载。转载请注明出处

本文链接：https://blog.csdn.net/qq_32442967/article/details/94441103

版权

CSS 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

在这里插入图片描述

/** 滚动条 **/
::-webkit-scrollbar {
  width: 6px;	
  height: 8px;
}
::-webkit-scrollbar-button:vertical {
  display: none;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
  background-color: #e2e2e2;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, .3);
}
::-webkit-scrollbar-thumb:vertical:hover {
  background-color: rgba(0, 0, 0, .35);
}
::-webkit-scrollbar-thumb:vertical:active {
  background-color: rgba(0, 0, 0, .38);
}