1）谷歌瀏覽器
::-webkit-scrollbar ：滾動條整體部分捍壤，其中的屬性有width,height,background,border等骤视。
::-webkit-scrollbar-button ：滾動條兩端的按鈕【榫酰可以用display:none讓其不顯示专酗，也可以添加背景圖片，顏色改變顯示效果盗扇。
::-webkit-scrollbar-track ：外層軌道祷肯。可以用display:none讓其不顯示疗隶，也可以添加背景圖片佑笋，顏色改變顯示效果。
::-webkit-scrollbar-track-piece ：內層軌道斑鼻，具體區(qū)別看下面gif圖蒋纬，需要注意的就是它會覆蓋第三個屬性的樣式。
::-webkit-scrollbar-thumb ：滾動條里面可以拖動的那部分
::-webkit-scrollbar-corner ：邊角坚弱，兩個滾動條交匯處
::-webkit-resizer ：兩個滾動條交匯處用于拖動調整元素大小的小控件
image.png
以下注釋中的數(shù)字與下圖中數(shù)字相對應
CSS
::-webkit-scrollbar { /* 1 */ }
::-webkit-scrollbar-button { /* 2 */ }
::-webkit-scrollbar-track { /* 3 */ }
::-webkit-scrollbar-track-piece { /* 4 */ }
::-webkit-scrollbar-thumb { /* 5 */ }
::-webkit-scrollbar-corner { /* 6 */ }
::-webkit-resizer { /* 7 */ }
2）IE瀏覽器
image.png
image.png
