::-webkit-scrollbar 滾動(dòng)條整體部分讨跟，其中的屬性有width,height,background,border（就和一個(gè)塊級(jí)元素一樣）糊探。
::-webkit-scrollbar-button 滾動(dòng)條的軌道的兩端按鈕充择，允許通過點(diǎn)擊微調(diào)小方塊的位置。可以用display:none讓其不顯示苛秕，也可以添加背景圖片唯笙，顏色改變顯示效果螟蒸。
::-webkit-scrollbar-track? 滾動(dòng)條的軌道（里面裝有Thumb）可以用display:none讓其不顯示，也可以添加背景圖片崩掘，顏色改變顯示效果七嫌。
::-webkit-scrollbar-track-piece 內(nèi)層軌道，滾動(dòng)條中間部分（除去）
::-webkit-scrollbar-thumb? 滾動(dòng)條里面的小方塊苞慢，能向上向下移動(dòng)（或往左往右移動(dòng)诵原，取決于是垂直滾動(dòng)條還是水平滾動(dòng)條）
::-webkit-scrollbar-corner 邊角，即兩個(gè)滾動(dòng)條的交匯處
::-webkit-resizer 兩個(gè)滾動(dòng)條的交匯處上用于通過拖動(dòng)調(diào)整元素大小的小控件
/*滾動(dòng)條整體部分*/
.box::-webkit-scrollbar{
width:10px;
height:10px;
background-color:#f5f5f5;
}
/*滾動(dòng)條兩端的按鈕*/
.box::-webkit-scrollbar-button{
background-color:#ff7677;
}
/*外層軌道*/
.box::-webkit-scrollbar-track{
background-color:#ff6605;
}
/*內(nèi)層軌道*/
.box::-webkit-scrollbar-track-piece{
background-color:#ccc;
}
/*滾動(dòng)條里面可以拖動(dòng)的那部分*/
.box::-webkit-scrollbar-thumb{
background-color:#ffa711;
border-radius: 4px;
}
/*邊角*/
.box::-webkit-scrollbar-corner{
background-color:#82afff;
}
/*定義右下角拖動(dòng)塊的樣式*/
.box::-webkit-scrollbar-resizer{
background-color: #ff0bee;
}
