通常只适用于chrome:
<div class="parent">
<div class="child"></div>
</div>
.parent{
overflow: auto;
width:100px;
background-color: #ffcccc;
height:200px;
}
.child{
height:500px;
width:400px;
background-color: #ffcccc;
}
::-webkit-scrollbar { /*滚动条整体样式*/
width: 14px; /*宽分别对应竖滚动条的尺寸*/
height: 5px; /*高分别对应横滚动条的尺寸*/
}
::-webkit-scrollbar-track { /*滚动条里面轨道*/
background-color: #bee1eb;
}
::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
background-color: #00aff0;
}
该滚动条的样式只适用于c