近期使用thinkadmin框架做管理后臺,列表列和行比較多,發(fā)現(xiàn)此框架無法自動顯示滾動條,一頓操作,終于正常顯示,具體如下,請大家參考:
css樣式:
css樣式:
/*修改滾動條樣式*/
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 滾動條整體部分
::-webkit-scrollbar-thumb 滾動條里面的小方塊,能向上向下移動(或往左往右移動,取決于是垂直滾動條還是水平滾動條)
::-webkit-scrollbar-track 滾動條的軌道(里面裝有Thumb)
::-webkit-scrollbar-button 滾動條的軌道的兩端按鈕,允許通過點(diǎn)擊微調(diào)小方塊的位置。
::-webkit-scrollbar-track-piece 內(nèi)層軌道,滾動條中間部分(除去)
::-webkit-scrollbar-corner 邊角,即兩個滾動條的交匯處
::-webkit-resizer 兩個滾動條的交匯處上用于通過拖動調(diào)整元素大小的小控件
以上就是“thinkadmin修改滾動條樣式”的詳細(xì)內(nèi)容,更多請關(guān)注木子天禾科技其它相關(guān)文章!