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

这个网上很多的教程，我就不多哔哔了，直接贴代码，方便自己和大家使用。

可以把下面的代码放到一个css中，然后全局引入就可以了。

/* 整个滚动条 */




::-webkit-scrollbar {



    width: 5px;



    height: 5px;



}







/* 滚动条有滑块的轨道部分 */




::-webkit-scrollbar-track-piece {



    background-color: transparent;



    border-radius: 5px;



}







/* 滚动条滑块(竖向:vertical 横向:horizontal) */




::-webkit-scrollbar-thumb {



    cursor: pointer;



    background-color:#28f;



    border-radius: 5px;



}







/* 滚动条滑块hover */




::-webkit-scrollbar-thumb:hover {



    background-color: red;



}







/* 同时有垂直和水平滚动条时交汇的部分 */




::-webkit-scrollbar-corner {



    display: block;    /* 修复交汇时出现的白块 */




}