页面部分:
<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;}
css修改overflow-x滚动条默认样式
最新推荐文章于 2023-12-03 15:47:26 发布