ElementUI统一修改滚动条样式

最新推荐文章于 2024-08-15 09:43:14 发布

前端杨小白

最新推荐文章于 2024-08-15 09:43:14 发布

阅读量3.2k

点赞数 3

分类专栏： ElementUI

本文链接：https://blog.csdn.net/yangwqi/article/details/106274054

版权

ElementUI 专栏收录该内容

31 篇文章 3 订阅

订阅专栏

src\assets\scss\index.scss

::-webkit-scrollbar {
  width: 7px;
  height: 5px;
  border-radius:15px;
  -webkit-border-radius:  15px;
}
::-webkit-scrollbar-track-piece {
  background-color: #ffff;
  border-radius:15px;
  -webkit-border-radius:  15px;
}
::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: rgba(144, 147, 153, 0.5);
  border-radius: 15px;
  -webkit-border-radius:  15px;
}
::-webkit-scrollbar-thumb:horizontal {
  width: 7px;
  background-color: rgba(144, 147, 153, 0.5);
  border-radius:  15px;  
  -webkit-border-radius: 15px;
}