用css不一样可以修改滚动条样式吗？

/*---滚动条默认显示样式--*/  
::-webkit-scrollbar-thumb{background-color:#018EE8;  height:50px;  outline-offset:-2px;  outline:0px solid #fff;  -webkit-border-radius:4px;  border: 0px solid #fff;  }  
/*---鼠标点击滚动条显示样式--*/  
::-webkit-scrollbar-thumb:hover{  background-color:#018EE8;  height:50px;  -webkit-border-radius:4px;  }  
/*---滚动条大小--*/  
::-webkit-scrollbar{   width:8px;  height:8px;  }  
/*---滚动框背景样式--*/  
::-webkit-scrollbar-track-piece{  background-color:#9DBFE4;  -webkit-border-radius:0;  }

写样式时候先reset.css 一下

谢谢。不过后来用了iscroll。js的插件。解决了。