【谷歌】CSS设置滚动条样式

风风草

已于 2022-07-07 14:23:02 修改

阅读量393

点赞数 1

分类专栏： css3 文章标签： css 前端 css3

于 2022-07-07 14:14:41 首次发布

本文链接：https://blog.csdn.net/u011523953/article/details/125658183

版权

css3 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

/*滚动条整体部分,必须要设置*/
  ::-webkit-scrollbar {
    width: 5px;
  	height: 5px;
    background-color: #efeff4;
  }

  /*滚动条的轨道*/
  ::-webkit-scrollbar-track {
    box-shadow: inset000pxrgba(240, 240, 240, 0.5);
	border-radius: 10px;
  	background: rgba(240, 240, 240, 0.5);
  }

  /*滚动条的滑块按钮*/
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
  	box-shadow: inset000pxrgba(240, 240, 240, 0.5);
  	background: rgba(0, 0, 0, 0.5);
  }

  /*滚动条的上下两端的按钮*/
  ::-webkit-scrollbar-button {
    height: 0;
    background-color: #efeff4;
  }