网上科普有关“css怎样设置滚动条的颜色及样式”话题很是火热，小编也是针对css怎样设置滚动条的颜色及样式寻找了一些与之相关的一些信息进行分析，如果能碰巧解决你现在面临的问题 ，希望能够帮助到您。
改变浏览器默认的滚动条样式：
//滚动条凹槽的颜色 ，还可以设置边框属性?
::-webkit-scrollbar-track-piece {?
background-color:#f8f8f8;?
}
//滚动条的宽度?
::-webkit-scrollbar {
width:9px;
height:9px;?
}
//滚动条的设置?
::-webkit-scrollbar-thumb {
background-color:#dddddd;
background-clip:padding-box;
min-height:28px;?
}
::-webkit-scrollbar-thumb:hover {
background-color:#bbb;?
}
扩展资料：
给某个div，class为test1加滚动条样式：
.test1::-webkit-scrollbar {
width: 8px;
}
.test1::-webkit-scrollbar-track {
background-color:red;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
.test1::-webkit-scrollbar-thumb {
background-color:green;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
关于“css怎样设置滚动条的颜色及样式 ”这个话题的介绍 ，今天小编就给大家分享完了 ，如果对你有所帮助请保持对本站的关注！
本文来自作者[尔卉]投稿，不代表石号立场，如若转载，请注明出处：https://s0429.com/cshi/202512-2242.html
评论列表（4条）
我是石号的签约作者“尔卉”！
希望本篇文章《css怎样设置滚动条的颜色及样式》能对你有所帮助！
本站[石号]内容主要涵盖：国足,欧洲杯,世界杯,篮球,欧冠,亚冠,英超,足球,综合体育
本文概览：网上科普有关“css怎样设置滚动条的颜色及样式”话题很是火热，小编也是针对css怎样设置滚动条的颜色及样式寻找了一些与之相关的一些信息进行分析，如果能碰巧解决你现在面临的问题，...