滾動條樣式修改
<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>
