分享久伴博客浏览器滚动条样式

css代码

::-webkit-resizer {
    border-radius: .3125rem;
    background-color: #2f4056;
}

::-webkit-scrollbar {
    width: .5rem;
    height: .5rem;
}
::-webkit-scrollbar-thumb {
    border-radius: .5rem;
    background-color: #0073aa;
    background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.4) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.4) 75%,transparent 75%,transparent);
}

使用方法

复制以上代码粘贴到你的css里面