edu_train_web_new/user_web/src/view/admin/css/commonsScrollbar.scss

/* 滚动 */
.commonsScrollbar {
    overflow-y: scroll;
    overflow-x: visible;
}


/* 滚动槽 【 由于被全局其他的地方影响，这里另外单独处理 】*/
.commonsScrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}
/* 滚动条滑块 【 由于被全局其他的地方影响，这里另外单独处理 】 */
.commonsScrollbar::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

/* 滚动条整体样式 */
.commonsScrollbar::-webkit-scrollbar {
    width: 1px;
    height: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.commonsScrollbar::scrollbar {
    width: 1px;
    height: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.commonsScrollbar::-moz-scrollbar {
    width: 1px;
    height: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.commonsScrollbar::-ms-scrollbar {
    width: 1px;
    height: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.commonsScrollbar::-o-scrollbar {
    width: 1px;
    height: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* 滚动条里面小方块 */
.commonsScrollbar::-webkit-scrollbar-thumb {
    /* background-color: #EAEAEA;*/
    background-color: #D9D9D9;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 1px;
}

.commonsScrollbar::scrollbar-thumb {
    /* background-color: #EAEAEA;*/
    background-color: #D9D9D9;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 1px;
}

.commonsScrollbar::-moz-scrollbar-thumb {
    /* background-color: #EAEAEA;*/
    background-color: #D9D9D9;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 1px;
}

.commonsScrollbar::-ms-scrollbar-thumb {
    /* background-color: #EAEAEA;*/
    background-color: #D9D9D9;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 1px;
}

.commonsScrollbar::-o-scrollbar-thumb {
    /* background-color: #EAEAEA;*/
    background-color: #D9D9D9;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 1px;
}

/* 滚动条里面轨道 */
.commonsScrollbar::-webkit-scrollbar-thumb:hover {
    /* background-color: #EAEAEA;*/
    background-color: #D9D9D9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.commonsScrollbar::scrollbar-thumb:hover {
    /* background-color: #EAEAEA;*/
    background-color: #D9D9D9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.commonsScrollbar::-moz-scrollbar-thumb:hover {
    /* background-color: #EAEAEA;*/
    background-color: #D9D9D9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.commonsScrollbar::-ms-scrollbar-thumb:hover {
    /* background-color: #EAEAEA;*/
    background-color: #D9D9D9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.commonsScrollbar::-o-scrollbar-thumb:hover {
    /* background-color: #EAEAEA;*/
    background-color: #D9D9D9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}