CSS滚动条的样式设置

/*滚动条样式*/

.cal_bottom::-webkit-scrollbar {/*滚动条整体样式*/

        width:4px;/*高宽分别对应横竖滚动条的尺寸*/

        height:4px;

}

.cal_bottom::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        border-radius:5px;

        -webkit-box-shadow: inset005pxrgba(0,0,0,0.2);

        background:rgba(0,0,0,0.2);

}

.cal_bottom::-webkit-scrollbar-track {/*滚动条里面轨道*/

        -webkit-box-shadow: inset005pxrgba(0,0,0,0.2);

        border-radius:0;

        background:rgba(0,0,0,0.1);

}