近期使用thinkadmin框架做管理后臺(tái)，列表列和行比較多，發(fā)現(xiàn)此框架無法自動(dòng)顯示滾動(dòng)條，一頓操作，終于正常顯示，具體如下，請(qǐng)大家參考：
css樣式：
css樣式：
/*修改滾動(dòng)條樣式*/
div::-webkit-scrollbar{
width:10px;
height:10px;
/**/
}
div::-webkit-scrollbar-track{
background: rgb(239, 239, 239);
border-radius:2px;
}
div::-webkit-scrollbar-thumb{
background: #bfbfbf;
border-radius:10px;
}
div::-webkit-scrollbar-thumb:hover{
background: #333;
}
div::-webkit-scrollbar-corner{
background: #179a16;
}
參數(shù)說明：
::-webkit-scrollbar 滾動(dòng)條整體部分
::-webkit-scrollbar-thumb 滾動(dòng)條里面的小方塊，能向上向下移動(dòng)（或往左往右移動(dòng)，取決于是垂直滾動(dòng)條還是水平滾動(dòng)條）
::-webkit-scrollbar-track 滾動(dòng)條的軌道（里面裝有Thumb）
::-webkit-scrollbar-button 滾動(dòng)條的軌道的兩端按鈕，允許通過點(diǎn)擊微調(diào)小方塊的位置。
::-webkit-scrollbar-track-piece 內(nèi)層軌道，滾動(dòng)條中間部分（除去）
::-webkit-scrollbar-corner 邊角，即兩個(gè)滾動(dòng)條的交匯處
::-webkit-resizer 兩個(gè)滾動(dòng)條的交匯處上用于通過拖動(dòng)調(diào)整元素大小的小控件
以上就是“thinkadmin修改滾動(dòng)條樣式”的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注木子天禾科技其它相關(guān)文章！
