自定義滾動條樣式

/*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/  
::-webkit-scrollbar  
{  
    width: 16px;  
    height: 16px;  
    background-color: #F5F5F5;  
}  
  
/*定義滾動條軌道 內陰影+圓角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  
    background-color: #F5F5F5;  
}  
  
/*定義滑塊 內陰影+圓角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #555;  
} 

 

.register-select::-webkit-scrollbar {
    width: 8px;
    position: absolute;
    z-index: 999;
}
.register-select::-webkit-scrollbar-thumb {
    background: #1A92ED;
    border-radius: 4px;
}
.register-select::-webkit-scrollbar-thumb:hover {background-color:#5CABEC}
.register-select::-webkit-scrollbar-thumb:active {background-color:royalblue}