css修改overflow-x滾動條預設樣式
阿新 • • 發佈:2021-02-06
技術標籤:CSS
頁面部分: <div class="nr8-box"> <div class="overflowX"> <table> </table> </div> </div> CSS部分: .nr8 .nr8-box{width:2000px;} .overflowX { width:1500px; overflow-x: scroll; } .overflowX::-webkit-scrollbar{ /*滾動條基本樣式,高度*/ width:4px;height:4px; } .overflowX::-webkit-scrollbar-thumb {/*滾動條上層顏色*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2); } .overflowX::-webkit-scrollbar-track {/*滾動條底層顏色*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1); } table{width:2000px;}