CSS美化谷歌瀏覽器滾動條樣式

/*滾動條 start*/  
::-webkit-scrollbar {  
width: 7px;  
height: 4px;  
background-color: #F5F5F5;  
}  
/*定義滾動條軌道 內陰影+圓角*/  
::-webkit-scrollbar-track {  
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
background: #fff ;  
}  
/*定義滑塊 內陰影+圓角*/  
::-webkit-scrollbar-thumb {  
border-radius: 3px;  
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
background-color:rgba(158, 158, 158, 0.7);  
}  
::-webkit-scrollbar-thumb:hover {  
border-radius: 3px;  
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
background-color:rgba(158, 158, 158, 1);  
}

下面是展示效果

wKiom1i-gtbR1IaaAABVyKF_RY8441.jpg-wh_50

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