容器滾動條

.activity::-webkit-scrollbar {         /*滾動條整體樣式*/
    width:3px;
    height:3px;
}
.activity::-webkit-scrollbar-thumb {   /*滾動條裏面小方塊樣式*/
    border-radius:100px;
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    background:rgba(0,0,0,0.1);;
} 
.activity::-webkit-scrollbar-track {   /*滾動條裏面軌道樣式*/
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    border-radius:0;
    background:rgba(0,0,0,0.1);
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章