默認瀏覽器滾動條樣式
//默認滾動條樣式
::-webkit-scrollbar-track-piece {
//滾動條凹槽的顏色,還可以設置邊框屬性
background-color: #f8f8f8;
}
::-webkit-scrollbar {
//滾動條的寬度
width: 9px;
height: 9px;
}
::-webkit-scrollbar-thumb {
//滾動條的設置
border-radius: 5px;
background-color: #dddddd;
background-clip: padding-box;
min-height: 28px;
}
::-webkit-scrollbar-thumb:hover {
background-color: #bbb;
}
給某個div添加樣式
.divClassName::-webkit-scrollbar {
width: 8px;
}
.divClassName::-webkit-scrollbar-track {
background-color:red;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
.divClassName::-webkit-scrollbar-thumb {
background-color:green;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}