滚动条设置样式

最新推荐文章于 2024-12-23 00:04:23 发布

转载最新推荐文章于 2024-12-23 00:04:23 发布 · 58 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bbqq1314/p/8397589.html

.o_box {
width:100px;
height:100px;
overflow-y:scroll;
border:1px solid red;
}
/*滚动条样式*/
.o_box::-webkit-scrollbar /*//滚动条整体部分*/
{
width: 5px;
height:10px;
background-color:#b5b1b1;
}
.o_box::-webkit-scrollbar-track /*//scroll轨道背景*/
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color:#fff;
}
.o_box::-webkit-scrollbar-thumb /*滚动条中能上下移动的小块*/
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color:#838383;
}