改變windows系統自帶滾動條樣式

1.chrome滾動條樣式修改
#userNavId::-webkit-scrollbar {
width: 8px;
height: 8px;
background:#b9b9b9;
}
#userNavId ::-webkit-scrollbar-button {
display: none;
}
#userNavId::-webkit-scrollbar-button {
/background-color:#FF7677;/
}
#userNavId::-webkit-scrollbar-track {
border-radius: 10px;
background: #b9b9b9;
}
#userNavId::-webkit-scrollbar-track-piece {
background:url(http://www.lyblog.net/wp/wp-content/themes/mine/img/stripes_tiny_08.png);
}
#userNavId::-webkit-scrollbar-thumb{
border-radius: 10px;
background: #62ceb7;
}
#userNavId::-webkit-scrollbar-corner {
background:#82AFFF;
}
#userNavId::-webkit-scrollbar-resizer {
background:#FF0BEE;
}

2.ie滾動條樣式修改

#userNavId{
scrollbar-face-color:#9aa1c4;/滾動條顏色/
scrollbar-highlight-color:#F60;
scrollbar-3dlight-color:#F00;
scrollbar-darkshadow-color:#000;
scrollbar-Shadow-color:#000;
scrollbar-arrow-color:#394264;/箭頭顏色/
scrollbar-track-color:#394264;/背景顏色/
}