大千世界,無奇不有。互聯網是個神奇的地方,也是在網上找到了方法:
将以下代碼加入到網站的css文件當中:
- ::-webkit-scrollbar-track-piece{
- background-color:#fff;
- -webkit-border-radius:0;
- }
- ::-webkit-scrollbar{
- width:8px;
- height:8px;
- }
- ::-webkit-scrollbar-thumb{
- height:50px;
- background-color:#999;
- -webkit-border-radius:4px;
- outline:2px solid #fff;
- outline-offset:-2px;
- border: 2px solid #fff;
- }
- ::-webkit-scrollbar-thumb:hover{
- height:50px;
- background-color:#9f9f9f;
- -webkit-border-radius:4px;
- }
想要定制自己喜歡的顔色,可以逐一修改上面的css樣式,試下每個屬性的效果吧!
例如:想要改變滾動條的寬度,就修改::-webkit-scrollbar這個屬性,想要修改滾動條的顔色,就修改::-webkit-scrollbar-thumb這個屬性。呃!對了,這個樣式是用内修改google浏覽器滾動條的,如果想要修改IE、火狐以及其他的滾動條屬性就去百度或google吧。