前言
在我们实际开发过程中可能会遇到页面出现滚动条的情况，但是在常规情况下滚动条的默认样式咱们试不敢恭维的，所以咱们就需要对滚动条的一些样式进行调整，换成自己想要的样式，那具体怎么做那，咱们一起来看看；
样式表
.div::-webkit-scrollbar {
width: 5px;
}
. div::-webkit-scrollbar-track {
background: rgb(179, 177, 177);
border-radius: 10px;
}
. div::-webkit-scrollbar-thumb {
background: rgb(136, 136, 136);
border-radius: 10px;
}
. div::-webkit-scrollbar-thumb:hover {
background: rgb(100, 100, 100);
border-radius: 10px;
}
. div::-webkit-scrollbar-thumb:active {
background: rgb(68, 68, 68);
border-radius: 10px;
}
说明
::-webkit-scrollbar
此属性是设置整个滚动条的样式
::-webkit-scrollbar-track
此属性是设置滚动条的滚动区域的样式即滚动条的轨道
::-webkit-scrollbar-thumb
此属性是设置滚动条可拖拽部分的样式即滚动条的滑块
最终效果
大家也可以根据自己的喜好设置滚动条的颜色或者给滚动条增加图片；
相关推荐
-
投影比液晶更护眼吗（上网课用投影仪和液晶电视哪个更护眼一点）
疫情的反复，对孩子们的学习也产生了影响，有时无法在学校上课，只能在家上网课，但手机、平板电脑、笔记本电脑等液晶屏，长时间观看又容易对孩子的视力造成损害。家长们急需一款既能上网课，又能保护保护孩子的电子...
-
ajax提交form表单上传文件（ajax实现文件上传）
IE浏览器版本最好为：IE10+，因为 FormData 兼容性问题 然后查看示例，代码如下↓ html 代码： <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>Title<...
-
电脑清理优化什么软件好（电脑太卡用什么软件清理）
电脑随着使用时间的变长，它会变得越来越慢，这其中的原因不是硬件落后了，而是因为我们在电脑中安装和卸载了很多软件，导致电脑上的垃圾文件不断增长。虽然windows 10内置了一个清理工具，可以来清理计算机，但是专...
-
玻璃水的分类及用途（玻璃水的分类及用途有哪些）
玻璃水，俗称汽车挡风玻璃清洗液或车窗净，属于汽车用品中的易耗品。 优质的汽车风挡玻璃水主要由水、酒精、乙二醇、缓蚀剂及多种表面活性剂组成。 一般来说，我国用品零售市场上的玻璃水可分三种： 一种夏季常用的...
-
一加Ace手机怎么样（一加Ace手机香不香）
无独有偶，我们刚刚迎接完小米的新品发布会，一加Ace发布会也于今天晚上七点到来，那么曾作为OPPO旗下的Ace系列，这次改头换面成了一加Ace，它能否重拾当年的辉煌，这十分值得我们期待。 发布会刚开始，官方就表示，...
-
lols12全球总决赛直播在哪看（lols12全球总决赛直播平台最新）
lols12全球总决赛就要来临了，接下这几个平台都能看在线直播，lols12全球总决赛直播平台地址已经更新，可以看到经常绝伦的赛事情况还是非常期待的。 英雄联盟S12全球总决赛直播平台 1、虎牙 2、斗鱼 3、b站 4、LOL客...
