HTML 修改块元素的滚动条

/*-------------滚动条样式--------------*/
#outsideDiv::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
/*正常情况下滑块的样式--滑块颜色*/
#outsideDiv::-webkit-scrollbar-thumb {
    background-color: rgba(119, 119, 119, 0.30);
    border-radius: 1px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*放在滑块上的颜色*/
#outsideDiv::-webkit-scrollbar-thumb:hover {
    background-color: rgba(119, 119, 119, 0.84);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*正常时候的主干部分 //滚动条初始化颜色*/
#outsideDiv::-webkit-scrollbar-track {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: rgba(239, 239, 239, 0.89);
}
/*鼠标悬浮在滚动条上的主干部分*/
#outsideDiv::-webkit-scrollbar-track:hover {
    background-color: rgba(119, 119, 119, 0.15);
}
/*-------------------------------------*/

猜你喜欢

转载自blog.csdn.net/zcq125521/article/details/88355922