2023年6月20日发(作者：)

css修改overflow滚动条默认样式html代码这是内容111这⾥是内容222这⾥是内容333css代码　　　　.inner{ width: 265px; height: 400px; position: absolute; top: 33px; left: 13px; /*cursor: pointer;*/ overflow:hidden; } .innerbox{ overflow-x: hidden; overflow-y: auto; color: #000; font-size: .7rem; font-family: "5FAE8F6F96C59ED1",Helvetica,"⿊体",Arial,Tahoma; height: 100%; } /*滚动条样式*/ .innerbox::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*⾼宽分别对应横竖滚动条的尺⼨*/ height: 4px; } .innerbox::-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); } .innerbox::-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); }

2023年6月20日发(作者：)

css修改overflow滚动条默认样式html代码这是内容111这⾥是内容222这⾥是内容333css代码　　　　.inner{ width: 265px; height: 400px; position: absolute; top: 33px; left: 13px; /*cursor: pointer;*/ overflow:hidden; } .innerbox{ overflow-x: hidden; overflow-y: auto; color: #000; font-size: .7rem; font-family: "5FAE8F6F96C59ED1",Helvetica,"⿊体",Arial,Tahoma; height: 100%; } /*滚动条样式*/ .innerbox::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*⾼宽分别对应横竖滚动条的尺⼨*/ height: 4px; } .innerbox::-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); } .innerbox::-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); }