滚动条样式修改
<style type="text/css"> /* 设置滚动条的样式 */ ::-webkit-scrollbar { width:8px; background-color: #ededed; } /* 滚动槽 */ ::-webkit-scrollbar-track { border-radius:10px; } /* 滚动条滑块 */ ::-webkit-scrollbar-thumb { border-radius:10px; background:#cccccc; } .divBox{ width: 200px; height: 100px; margin: 0 auto; background-color: pink; overflow: auto;· } .item{ width: 100%; height: 30px; } </style> <body> <div> <div class="divBox"> <div class="item">123</div> <div class="item">123</div> <div class="item">123</div> <div class="item">123</div> <div class="item">123</div> <div class="item">123</div> <div class="item">123</div> <div class="item">123</div> <div class="item">123</div> </div> </div>
原文：https://www.cnblogs.com/sun-wt/p/11597744.html