html 滚动条样式

向右看齐 2021-12-22 14:23 429阅读 0赞

转载：https://www.cnblogs.com/yclblog/p/6806496.html

  1. /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  2. ::-webkit-scrollbar {
  3.   width: 10px; /*滚动条宽度*/
  4.   height: 16px; /*滚动条高度*/
  5. }
  7. /*定义滚动条轨道 内阴影+圆角*/
  8. ::-webkit-scrollbar-track {
  9.   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  10.   border-radius: 10px; /*滚动条的背景区域的圆角*/
  11.   background-color: transparent; /*滚动条的背景颜色*/
  12. }
  14. /*定义滑块 内阴影+圆角*/
  15. ::-webkit-scrollbar-thumb {
  16.   border-radius: 10px; /*滚动条的圆角*/
  17.   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  18.   background-color: #8fa4bd; /*滚动条的背景颜色*/
  19. }

转载于:https://www.cnblogs.com/BULE-bule/p/10856548.html

发表评论

表情：
评论列表 （有 0 条评论，429人围观）

还没有评论，来说两句吧...

相关阅读