美文网首页
css scroll 滚动条样式

css scroll 滚动条样式

作者: 一沭丶 | 来源:发表于2019-03-07 16:10 被阅读0次
    ::-webkit-scrollbar {
      width: 0px;
      height: 0px;
      background-color: rgba(74, 97, 204, 1);
    }
    
    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
      box-shadow: inset 0 0 0px rgba(0, 64, 125, .3);
      border-radius: 10px;
      background-color: rgba(74, 97, 204, 1);
    }
    
    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
      border-radius: 10px;
      box-shadow: inset 0 0 0px rgba(0, 64, 125, .3);
      background-color: rgba(0, 64, 125, .3);
    }
    

    相关文章

      网友评论

          本文标题:css scroll 滚动条样式

          本文链接:https://www.haomeiwen.com/subject/skthpqtx.html