其他分享
首页 > 其他分享> > 滚动条样式

滚动条样式

作者:互联网

在全局设置一个类名 ,谁用谁加这个类名

.specialScrollBar{
  // /滚动条样式/
  ::-webkit-scrollbar {///滚动条整体样式/
    width: 100%; ///高宽分别对应横竖滚动条的尺寸/
    height: 10px;
  }
  ::-webkit-scrollbar-thumb {///滚动条里面小方块/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #397CF6;
  }

  ::-webkit-scrollbar-track {///滚动条里面轨道/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 5px;
    background: rgba(33, 110, 252, 0.5);
  }
}

 

标签:rgba,样式,滚动条,scrollbar,5px,webkit
来源: https://www.cnblogs.com/dandanyajin/p/16461345.html