/*-------------滚动条样式--------------*/
#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);
}
/*-------------------------------------*/
HTML 修改块元素的滚动条
猜你喜欢
转载自blog.csdn.net/zcq125521/article/details/88355922
今日推荐
周排行