Chrome浏览器滚动条样式设置

最新推荐文章于 2024-04-24 17:07:17 发布

Maximus_ckp

最新推荐文章于 2024-04-24 17:07:17 发布

阅读量875

点赞数

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/Maximus_ckp/article/details/127392287

版权

CSS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏


/*---滚动条默认显示样式--*/ 

::-webkit-scrollbar-thumb{ 
  background-color:blue; 
  height:50px; 
  outline-offset:-2px; 
  outline:2px solid #fff; 
  -webkit-border-radius:4px; 
  border: 2px solid #fff; 
}
  
  /*---鼠标点击滚动条显示样式--*/ 
  
::-webkit-scrollbar-thumb:hover{ 
  background-color:red; 
  height:50px; 
  -webkit-border-radius:4px; 
}
  /*---滚动条大小--*/ 
::-webkit-scrollbar{ 
  width:8px; 
  height:8px; 
}
  /*---滚动框背景样式--*/ 
::-webkit-scrollbar-track-piece{ 
  background-color:yellow; 
  -webkit-border-radius:0; 
}