功夫码

设置div滚动条的颜色css样式

晓峰 时间:2023-03-31 15:30:30 阅读:172
--------------------------------------------------------- Ta 只分享的内容开始 ---------------------------------------------------------------------

设置div滚动条的颜色css样式

/* 设置容器的高度宽度,多余让他自动 */
.box{
     height:500px;
     width:500px;
     overflow:auto;
} 
.box::-webkit-scrollbar{
     width:8px
}
.box::-webkit-scrollbar-track{
     background-color:red
     -webkit-border-radius:2em
     -moz-border-radius:2em
     border-radius:2em
}
.box::-webkit-scrollbar-thumb{
     background-color:green
     -webkit-border-radius:2em
     -moz-border-radius:2em
     border-radius:2em
}


--------------------------------------------------------- Ta 只分享了这些内容 ---------------------------------------------------------------------

本文来源:功夫码(gongfuma.com)
声明:本文系功夫码原创稿件,版权属[功夫码 gongfuma.com]所有。
未经授权不得转载,已经协议授权的媒体下载使用时须注明"稿件来源:功夫码",违者将依法追究责任。

相关文章

  • 回到顶部