css 关于滚动条样式修改 最全的操作了

/*自定义滚动条样式*/

::-webkit-scrollbar{width:0.3vw;height:0.8vh}   这是调节 滚动条的 粗细的

::-webkit-scrollbar-button{

    /* background: url(../images/page3/anniu1.png) no-repeat 5px center; */

 

    /* background: url(../images/page3/anniu2.png) no-repeat 5px center; */

    /* height:0； */

    height: 0;   这里可以设置 显示不显示 滚动条两头的 箭头按钮

}

::-webkit-scrollbar-track{background:rgba(0,0,0,0.3);background:none}

::-webkit-scrollbar-track-piece{background:rgba(0,0,0,0.1)} 这里调节 滚动条的 背景颜色

::-webkit-scrollbar-thumb{background:#c3ccd4;border-radius:5px}  这里调节 滚动条的 滚动颜色

::-webkit-scrollbar-corner{background:none}

/* ::-webkit-scrollbar-resizer{background:blue} */