0
点赞
收藏
分享

微信扫一扫

设置滚动条样式

上善若水山西太原 2022-02-11 阅读 161
csscss3html
 ::-webkit-scrollbar {
    width:4px;
  }
  /* 滚动槽 */
  ::-webkit-scrollbar-track {
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
    border-radius:10px;
  }
  /* 滚动条滑块 */
  ::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:rgba(0,0,0,0.1);
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
  }
  ::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(0,0,0,0.3);
  }

如果要为某个元素设置滚动条样式

.box::-webkit-scrollbar{
	width:4px;
}
...
举报

相关推荐

0 条评论