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

效果图：

image.png

代码

.com-table {
width: 102%;
position: absolute;
/* top: 0.1rem; */
overflow: hidden;
overflow-y: scroll;
height: 3.3rem;
}

.com-table::-webkit-scrollbar { /*滚动条整体样式*/
    width: 3px;
    height: 0;
}

.com-table::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    background: #b0b0b0;
    border-radius: 5px;
}

.com-table::-webkit-scrollbar-thumb:hover{ /*滚动条里面小方块*/
    background: #1d685d;
    border-radius: 5px;
}

.com-table::-webkit-scrollbar-track { /*滚动条里面轨道*/
    height: 3px;
    width: 3px;
    background: #575757;
    border-radius: 5px;
}
.com-table::-webkit-scrollbar-button{
 /* background-color: #000; */
 /* border:1px solid yellow; */

}