美文网首页
css自定义滚动条样式

css自定义滚动条样式

作者: 时光把最好的就在最后 | 来源:发表于2020-04-16 14:34 被阅读0次
      .el-wrapper::-webkit-scrollbar {
        /*滚动条整体样式*/
        width : 10px;  /*宽度竖滚动条的尺寸*/
        height: 10px; /*高度横滚动条的尺寸*/
      }
      .el-wrapper::-webkit-scrollbar-thumb {
        /*滚动条里面的条*/
        border-radius: 10px;
        box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
        background   : #0DB0EC;
      }
      .el-wrapper::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        border-radius: 10px;
        background   : #ffffff;
      }
    

    下面是实现的效果图


    1587018744(1).png

    记录下来省的再去找别的了

    相关文章

      网友评论

          本文标题:css自定义滚动条样式

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