如何修改网站的滚动条

如何修改网站的滚动条

添加以下代码：

/*---滚动条默认显示样式--*/ 
::-webkit-scrollbar-thumb{ 
 background-color:#018EE8; 
 height:50px; 
 outline-offset:-2px; 
 outline:2px solid #fff; 
 -webkit-border-radius:4px; 
 border: 2px solid #fff; 
} 

/*---鼠标点击滚动条显示样式--*/ 
::-webkit-scrollbar-thumb:hover{ 
 background-color:#FB4446; 
 height:50px; 
 -webkit-border-radius:4px; 
} 

/*---滚动条大小--*/ 
::-webkit-scrollbar{ 
 width:8px; 
 height:8px; 
} 

/*---滚动框背景样式--*/ 
::-webkit-scrollbar-track-piece{ 
 background-color:#fff; 
 -webkit-border-radius:0; 
}