更改滾動條樣式
阿新 • • 發佈:2018-10-16
inset scrollbar color code star incr top -s llb
/*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/ ::-webkit-scrollbar { width: 16px; height: 16px; background-color: #113b9f; } /*定義滾動條軌道 內陰影+圓角*/ ::-webkit-scrollbar-track { //-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #113b9f; } /*定義滑塊 內陰影+圓角*/ ::-webkit-scrollbar-thumb { //-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #3d83ff; } /* 定義滾動條漸增按扭的樣式 */ ::-webkit-scrollbar-button:end:increment { background: #143b9a url(‘images/scroll_cntrl_up.png‘) no-repeat center; background-size: 10px 10px; border-top: 0; width: 100%; } /* 定義滾動條漸減按扭的樣式 */ ::-webkit-scrollbar-button:start:decrement{ background: #143b9a url(‘images/scroll_cntrl_dwn.png‘) no-repeat center; background-size: 10px 10px; width: 100%; }
更改滾動條樣式