一份簡單的chrome滾動條樣式
阿新 • • 發佈:2018-12-10
之前找了好久,原網址已經不記得了。
/* 設定滾動條的樣式 */ ::-webkit-scrollbar { width: 5px; height: 5px; } /* 滾動槽 */ ::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ border-radius: 10px; width: 10px; } /* 滾動條滑塊 */ ::-webkit-scrollbar-thumb { border-radius: 2px; background: #bbb; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: #eee; }
它大概長這樣 可惜windows無法錄GIF,不然還可以上傳一個動圖,更清晰些。