修改浏览器默认滚动条样式

css 代码:
        body{
            width: 1600px;
            height: 900px;
        }
        /* 滚动槽 */::-webkit-scrollbar {
            width:8px;
            height:8px;
        }
        ::-webkit-scrollbar-corner {
            background-color:transparent;
        }
        ::-webkit-scrollbar-thumb {
            background-color:#49b1f5;
            background-image:-webkit-linear-gradient(
            45deg,hsla(0,0%,100%,0.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,0.4) 0,hsla(0,0%,100%,0.4) 75%,transparent 0,transparent
        );
            border-radius:2em;
        }
        ::-webkit-scrollbar-track {
            background-color:rgba(73,177,245,0.2);
            border-radius:2em;
        }
        html{
            scrollbar-width: thin;
            scrollbar-color:#49b1f5 rgba(73,177,245,0.2);
            scrollbar-track-color: transparent;
            -ms-scrollbar-track-color: transparent;
            
        }

上一篇: node版本管理工具nvm使用

下一篇: 浏览完毕