美文网首页
浏览器滚动条样式设置

浏览器滚动条样式设置

作者: Eden0204 | 来源:发表于2019-01-11 09:12 被阅读0次
    ::-webkit-scrollbar { /*滚动条整体样式*/
        width: 6px !important;; /*高宽分别对应横竖滚动条的尺寸*/
        height: 6px !important;;
        background: #ffffff !important;;
        cursor: pointer !important;
    
    }
    
    ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
        border-radius: 5px !important;
        -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
        background: rgba(63, 98, 131, 0.8) !important;;
        cursor: pointer !important;
    }
    
    ::-webkit-scrollbar-track { /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
        border-radius: 0 !important;;
        background: rgba(240, 240, 240, 0.5) !important;;
        cursor: pointer !important;
    }
    

    相关文章

      网友评论

          本文标题:浏览器滚动条样式设置

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