::-webkit-scrollbar 滾動條整體部分，其中的屬性有width,height,background,border（就和一個塊級元素一樣）。
::-webkit-scrollbar-button 滾動條的軌道的兩端按鈕，允許通過點擊微調小方塊的位置?？梢杂胐isplay:none讓其不顯示，也可以添加背景圖片，顏色改變顯示效果。
::-webkit-scrollbar-track? 滾動條的軌道（里面裝有Thumb）可以用display:none讓其不顯示，也可以添加背景圖片，顏色改變顯示效果。
::-webkit-scrollbar-track-piece 內層軌道，滾動條中間部分（除去）
::-webkit-scrollbar-thumb? 滾動條里面的小方塊，能向上向下移動（或往左往右移動，取決于是垂直滾動條還是水平滾動條）
::-webkit-scrollbar-corner 邊角，即兩個滾動條的交匯處
::-webkit-resizer 兩個滾動條的交匯處上用于通過拖動調整元素大小的小控件
/*滾動條整體部分*/
.box::-webkit-scrollbar{
width:10px;
height:10px;
background-color:#f5f5f5;
}
/*滾動條兩端的按鈕*/
.box::-webkit-scrollbar-button{
background-color:#ff7677;
}
/*外層軌道*/
.box::-webkit-scrollbar-track{
background-color:#ff6605;
}
/*內層軌道*/
.box::-webkit-scrollbar-track-piece{
background-color:#ccc;
}
/*滾動條里面可以拖動的那部分*/
.box::-webkit-scrollbar-thumb{
background-color:#ffa711;
border-radius: 4px;
}
/*邊角*/
.box::-webkit-scrollbar-corner{
background-color:#82afff;
}
/*定義右下角拖動塊的樣式*/
.box::-webkit-scrollbar-resizer{
background-color: #ff0bee;
}
